我最近开始使用Angular ,所以我有一些问题。
我的问题:
例如,我创建了一个指令,我将在许多“页面”中使用不同的控制器在每种情况下。
现在我可以很好地动态设置控制器,这个问题就解决了!
但是,在每个指令实例中,我想定义控制器中要更改的变量是什么,例如ng-model
. 如果我直接放在模板中的标签内,它可以工作,但我需要动态地使用它。
指令:
app.directive('mySelectPicker', function () {
var ddo = {};
ddo.restrict = 'E';
ddo.templateUrl = 'js/directives/views/my-select-picker.html';
ddo.scope = {};
ddo.controller = "@";
ddo.name = "controllerName";
return ddo;
});
MY-SELECT-PICKER.HTML :
OBS1 : (ng-repeat 与时间控制器数组中的值完美配合)
OBS2 : 如果我把它放在ng-model
选择标签中,它可以工作,但将是静态的!
<select>
<option value="{{time.value}}" ng-repeat="time in times" >{{time.text}}</option>
</select>
控制器:
app.controller('MyController', function($scope, moment){
$scope.times = []; //array with the options
$scope.val1 = '';
$scope.val2 = '';
});
使用指令:
<my-select-picker controller-name="MyController" **ng-model="val1"**></my-select-picker>
<my-select-picker controller-name="MyController" **ng-model="val2"**></my-select-picker>
在简历中,我需要ng-model
在每个<my-select-picker>
中定义以定义控制器中的变量是什么。怎么可能?