0
我想將指令綁定到控制器中的變量,但無法解決如何從Angular.js文檔中執行此操作(也不搜索網頁,查找在egghead視頻)。Angular.js - 將指令綁定到控制器中的變量
我有以下的html:
<body ng-app="MyApp">
<div ng-controller="triCtrl">
<div jqslider pleaseBindTo="firstValue"></div>
<br>
<br>
<br>
<br>
<div jqslider pleaseBindTo="secondValue"></div>
<p>{{firstValue.v}}</p>
<p>{{secondValue.v}}</p>
</div>
</body>
而下面的JS:
function triCtrl($scope) {
$scope.firstValue = {"min":0, "max":100, "v":50};
$scope.secondValue = {"min":0, "max":1000, "v":450};
}
var myAppModule = angular.module('MyApp', []);
myAppModule.directive('jqslider', function() {
return {
link:function(scope, element, attrs) {
element.slider({
range: false,
min: scope.min,
max: scope.max,
value: scope.v,
slide: function(event, ui) {
scope.v = ui.value;
scope.$apply();
}
});
}
};
});
我曾嘗試使用範圍幾個方面:{}與&,@,=等等,但我可以不能讓它工作。有任何想法嗎?我知道pleaseBindTo
屬性必須被捕獲,但我不知道在哪裏或如何。
這似乎不起作用,現在滑塊完全不出現。我是否需要爲此解決方案包含一個包含一些div的模板? – user1276273
什麼不起作用 - 用作屬性或用作元素或兩者兼用? – callmekatootie