Как динамически передать имя пользовательской директивы в атрибуте класса тега div?
Я очень новичок в AngularJS. Я сделал специальную директивуuser
и я хочу вызвать его динамически в атрибуте класса с помощью переменной. например$scope.dirName = "user";
Когда я использую эту переменную в коде ниже:
<div class = {{dirName}}></div>
Его результат должен отображать два поля ввода с указанными значениями. Но это не так. Когда я заменяю{{dirName}}
с участиемuser
, Он работает нормально, означает, что два поля ввода показаны со значениями, как указано. Кто-нибудь может сказать, какую ошибку я делаю?
Это index.html
<div ng-controller = "Ctrl">
<form name = "myForm">
<div class = {{dirName}}></div>
<hr>
<tt>userName : {{user}}</tt>
</form>
Это script.js
<pre>var app = angular.module('App',[]);
app.controller('Ctrl', function($scope){
$scope.user = {name:'adya',last:'Rajput'};
$scope.dirName = "user";
});
app.directive('user',function(){
return{
restrict:'C',
templateUrl:'template.html'
};
});</pre>
template.html содержит:
UserName : <input type='text' name='userName' ng-model='user.name' required>
LastName : <input type='text' name='lastName' ng-model='user.last'>