Доступ к переменной области в пользовательской директиве динамически

Question

Доступ к переменной области в пользовательской директиве динамически

0

Я пытаюсь написать проверку динамического поля. если флажок установлен, новый раздел отображается на моей странице. В результате в новом разделе необходимо заполнить некоторые новые материалы.

Я пишу настраиваемую директиву, подобную этой

  <input .... multiValidation="Street,City,PostalCode" />

мой код директивы

app.directive('multiValidation', function () {
    return function (scope, iElement, iAttrs) {
       var parts = iAttrs.myvalidate.split(',');
           scope.$watch('CustomerModel.Billable', function (val) {
        if (scope.CustomerModel.Billable) {


            angular.forEach(parts, function (part) {

                var element = angular.element('[ng-model="CustomerModel.' + part + '"]');

                scope.$watch('CustomerModel.' + part, function (value) {
                    if (value == null || value == "") {
                        scope.CustomerForm.$setValidity("CustomerForm", false);
                        element.addClass("ng-invalid ng-invalid-required");
                    }
                    else {

                        element.addClass("ng-valid ng-valid-required");
                        var validate = true;
                        angular.forEach(parts, function (part) {

                            if (scope["CustomerModel." + part ] == "")
                                validate = false;

                        });

                        scope.CustomerForm.$setValidity("CustomerForm", validate);
                    }
                });




            });

        } else {
            if (scope.CustomerModel.LastName == "" || scope.CustomerModel.LastName == null)
                scope.CustomerForm.$setValidity("CustomerForm", false);
            if (scope.CustomerModel.LastName != "" || scope.CustomerModel.LastName != null)
                scope.CustomerForm.$setValidity("CustomerForm", true);
        }
    }, true);
};});

моя проблема заключается в следующей строке: я не могу получить доступ к переменной области динамически в пользовательской директиве.

 scope["CustomerModel." + part ]

пожалуйста, направляйте меня !!

Mahdi 28 сен. 2015, в 18:17

Источник

0

Если вы вводите динамическую форму, angular поможет вам проверить эти поля формы. Используйте ng-required = "true" в полях динамической формы и оберните эти поля формы директивой ng-form
Jagadesh K 28 сен. 2015, в 15:59
0

это работает, если вы поместите его в объект в области видимости? scope.object ["CustomerModel." + part]
David Karlsson 28 сен. 2015, в 16:00
0

@DavidKarlsson нет, это не так
Mahdi 28 сен. 2015, в 16:11
0

@JagadeshK не могли бы вы привести пример?
Mahdi 28 сен. 2015, в 16:11
0

Попробуйте сделать один шаг за раз. 'Requied-Feilds' не является правильным именем для директивы, а область действия ["CustomerModel." + part] не является правильным способом ссылки на свойство, а angular.element ('[ng-model = "CustomerModel.' + part + '"]') вообще не подходит, и ...
Estus Flask 28 сен. 2015, в 21:21
0

@estus что такое правильные вещи? если они правильные, они работали
Mahdi 29 сен. 2015, в 21:13
0

Это были ошибки в коде, которые было достаточно легко обнаружить. Слишком много для такой сложной директивы. Опять один шаг за разом, и следите за ошибками в консоли.
Estus Flask 29 сен. 2015, в 21:36
0

название директивы было неверным.
Mahdi 30 сен. 2015, в 12:50
0

angular.element ('[ng-model = "CustomerModel.' + part + '"]') работает хорошо, но мой вопрос - проблема с динамическим доступом к области видимости
Mahdi 30 сен. 2015, в 12:51

Показать ещё 7 комментариев

Теги:

angularjs

1 ответ

Ещё вопросы

Если вы вводите динамическую форму, angular поможет вам проверить эти поля формы. Используйте ng-required = "true" в полях динамической формы и оберните эти поля формы директивой ng-form
это работает, если вы поместите его в объект в области видимости? scope.object ["CustomerModel." + part]
@JagadeshK не могли бы вы привести пример?
Попробуйте сделать один шаг за раз. 'Requied-Feilds' не является правильным именем для директивы, а область действия ["CustomerModel." + part] не является правильным способом ссылки на свойство, а angular.element ('[ng-model = "CustomerModel.' + part + '"]') вообще не подходит, и ...
@estus что такое правильные вещи? если они правильные, они работали
Это были ошибки в коде, которые было достаточно легко обнаружить. Слишком много для такой сложной директивы. Опять один шаг за разом, и следите за ошибками в консоли.
название директивы было неверным.
angular.element ('[ng-model = "CustomerModel.' + part + '"]') работает хорошо, но мой вопрос - проблема с динамическим доступом к области видимости

Mahdi · Accepted Answer · 2015-10-09T17-49-00.000Z

CustomerModel также является переменной $ scope. то я загружаю базу данных формы CustomerModel, которая содержит больше свойства.

Я могу получить доступ к свойству CustomerModel, как показано ниже.

    $scope.CustomerModel.postalCode

следующий путь неверен для динамического доступа к ним

    scope['CustomerModel.postalCode']

правильный путь

     scope['CustomerModel']['postalCode']

весь код

        app.directive('myvalidate', function () {
            return function (scope, iElement, iAttrs) {
                var parts = iAttrs.myvalidate.split(',');
    scope.$watch('CustomerModel.billable', function (val) {
        if (scope.CustomerModel.billable) {

            angular.forEach(parts, function (part) {

                var element = angular.element('[ng-model="CustomerModel.' + part + '"]');

                scope.$watch('CustomerModel.' + part, function (value) {
                    if (value == null || value == "") {
                        scope.CustomerForm.$setValidity("CustomerForm", false);
                        element.addClass("ng-invalid ng-invalid-required");
                    }
                    else {

                        element.addClass("ng-valid ng-valid-required");
                        var validate = true;

                        angular.forEach(parts, function (p) {
                            if (scope['CustomerModel'][p] == "" || scope['CustomerModel'][p] == "undefined" || scope['CustomerModel'][p] == null)
                                validate = false;


                        });

                        if (scope.CustomerModel.customerLastName == "" || scope.CustomerModel.customerLastName == null) validate = false;

                        scope.CustomerForm.$setValidity("CustomerForm", validate);
                    }
                });




            });

        } else {
            if (scope.CustomerModel.customerLastName == "" || scope.CustomerModel.customerLastName == null)
                scope.CustomerForm.$setValidity("CustomerForm", false);
            if (scope.CustomerModel.customerLastName != "" || scope.CustomerModel.customerLastName != null)
                scope.CustomerForm.$setValidity("CustomerForm", true);
        }
    }, true);
};
         });

и директива

         <div class="panel-body" myvalidate="street,city">