Как использовать атрибуты директивы в ng-модели HTML-тега, разработанного в шаблоне с использованием Angular JS

Question

Как использовать атрибуты директивы в ng-модели HTML-тега, разработанного в шаблоне с использованием Angular JS

0

Когда я пытаюсь понять, как тянуть атрибуты и помещать их в директиву, я нашел следующий скрипач...

Добавление еще одного вопроса для вышеуказанного... Если я хочу отобразить ниже

<div ng-model="foo">foo</div>

Как мне изменить приведенный выше код. Это будет работать????

<div ng-model="{{tooltipTitle}}">{{tooltipTitle}}</div>

BD's 11 янв. 2016, в 10:01

Источник

0

{{}} (Двойные скобки) сама по себе директива .. Так же, как ng-модель
Gal Silberman 11 янв. 2016, в 08:38

Теги:

html

angularjs

angularjs-scope

angularjs-directive

2 ответа

Ещё вопросы

{{}} (Двойные скобки) сама по себе директива .. Так же, как ng-модель

Wasim Mulla · Answer 1 · 2016-01-11T07-29-00.000Z

Вы не можете иметь значение как ng-model

ng-model всегда должна быть именем, которое привязано к объему контроллера.

ваша ng-модель должна быть похожа

<div ng-model="tooltipTitleModel">{{tooltipTitle}}</div>

но поскольку вы используете его на div, это не повлияет на ваш код, потому что ng-model в действительности работает с элементами ввода, textarea или select

более подробную информацию об именовании и использовании ng-модели см. по ссылке ниже:

https://docs.angularjs.org/api/ng/directive/ngModel

Надеюсь, это решает ваш вопрос.

Я взял «div», а не просто вход для примера. Но мне нужно иметь элемент ввода, в который я должен динамически добавлять «ng-модель», как показано ниже. <div> <input type = "text" ng-model = "foo" /> </ div>
не могли бы вы поделиться больше кода, чтобы понять ваши точные требования

Charlie H · Answer 2 · 2016-01-11T06-41-00.000Z

Если вам нужно изменить переменную, с которой связан ваш элемент ввода через ng-modal, вам нужно сделать это косвенно через watch внутри контроллера. Вы наблюдаете свою переменную модальности для изменений и отклоняете значение в соответствии с состоянием.

<input ng-modal="marks">

И в вашем контроллере:

$scope.$watch('marks', function(val){
    $scope.classReport[$scope.student] = val;
});

В приведенном выше примере marks вы вводите, будут поступать к правильному ученику в массиве classReport зависимости от значения $scope.$student classReport.

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