Как добавить ng-модель в шаблон директивы в Angularjs

Question

Как добавить ng-модель в шаблон директивы в Angularjs

0

Я хочу создать директиву, чтобы я мог добавить к ней ng-модель. моя директива:

app.directive('date', function() {
return {
      restrict: 'E',
            scope: {
                year:'=ngModel',
            },
            template: '' +
            '<div> ' +
            '   <div > ' +
            '       <div> ' +
            '               <input class="control" type="text" ng-model="year"/> ' +
            '   </div> ' +
            '</div>',
    require: 'ngModel',
    replace: true
   };
 });

когда в html-странице я добавляю эту директиву a this

 <date year='orderDate.year'> </date>

эта директива ng-model name - год, в то время как я хочу, чтобы это было orderDate.year

Hadi J 20 авг. 2015, в 09:28

Источник

Теги:

javascript

angularjs

2 ответа

Ещё вопросы

ArBro · Answer 1 · 2015-08-20T06-15-00.000Z

Вы очень близки. Внутри вашего директивного контроллера вам нужно только изменить определение изолированной области:

scope: {
         year:'=year',
       }

Поскольку имя вашего атрибута совпадает с именем свойства в изолированной области видимости, вышесказанное равно:

scope: {
         year:'=',
       }

Рабочий пример: http://plnkr.co/edit/HrL1NdZirXBeG3pm8FiP?p=preview

Подробнее о создании областей в директивах вы можете найти здесь: Угловые документы - Директивы

Вам нужно убедиться, что $ scope.orderDate.year существует в вашей области видимости. Если вы не установили это в своем контроллере, это не будет известно. Я добавлю рабочий пример к моему ответу.

ThibaudL · Answer 2 · 2015-08-20T06-07-00.000Z

То, что вы сделали здесь в своей изолированной области, говорит о том, что атрибут ngModel вашей директивы должен быть назван годом в вашей изолированной области, поэтому вы должны использовать его таким образом, когда используете свою директиву:

 <date ng-model='orderDate.year'> </date>

или измените определение области на:

scope: {
    year:'=',
},

удалите require ngModel, если вы используете область действия: {year: '='}
и ваш шаблон неправильный, он пропускает закрытие div