Динамические формы с Angularjs

Question

Динамические формы с Angularjs

0

У меня есть приложение, использующее angularJS + Symfony. Из бэкэнд у меня есть следующие объекты:

class Property {...}

class Land extends Property {...}

class House extends Property {...}

class Office extends Property {...}

class Field extends Property {...}

Каждый подкласс имеет свои собственные поля.

Из frontend мне нужно создать любой подкласс свойства на одном экране. Поэтому я бы отобразил/скрыл серверные поля по выбранному типу свойства. Я читал о ng-show но мне хотелось бы получить более динамичный и общий из-за того, что у меня будет такая же проблема с экраном "view".

Что ты предлагаешь? Каков наилучший подход?

Cristhian Boujon 20 сен. 2015, в 04:51

Источник

Теги:

angularjs

forms

symfony

1 ответ

Ещё вопросы

Mifune · Accepted Answer · 2015-09-20T02-06-00.000Z

Я бы использовал угловой ui-router. Это позволит вам создавать разные состояния, которые показывают разные классы без вашего html, становясь большим и громоздким.

Например:

myApp.config(function($stateProvider, $urlRouterProvider) {
   //
   // For any unmatched url, redirect to /state1
   $urlRouterProvider.otherwise("/state1");
   //
   // Now set up the states
   $stateProvider
     .state('Property', {
      url: "/Property",
     templateUrl: "partials/property.html"
    })
    .state('Property.land', {
      url: "/land",
      templateUrl: "partials/property.land.html",
      controller: function($scope) {
        $scope.items = ["A", "List", "Of", "Items"];
      }
    })
});

Звучит хорошее решение. Как я могу показать правильное частичное по выбранной опции из выпадающего списка? Или другими словами ... Как я могу изменить состояние по выбранной опции из выпадающего списка?
Если вы прикрепите $state.go('toState', result); для каждого из параметров в выпадающем списке это должно работать.