Javascript 角度剑道UI多选手表不工作
我想用angular$watch观察剑道多选值的变化,但它不起作用。 我的代码有问题吗。我怎样才能修好它 代码如下(或) 第一次调用后更改秒表的值Javascript 角度剑道UI多选手表不工作,javascript,angularjs,kendo-ui,Javascript,Angularjs,Kendo Ui,我想用angular$watch观察剑道多选值的变化,但它不起作用。 我的代码有问题吗。我怎样才能修好它 代码如下(或) 第一次调用后更改秒表的值 <body ng-app="myapp"> <div ng-controller="mycontroller"> ValueA :{{ ValueA }} , Change count: {{ valueAChangeCnt }}<br /> <div mu
<body ng-app="myapp">
<div ng-controller="mycontroller">
ValueA :{{ ValueA }} , Change count: {{ valueAChangeCnt }}<br />
<div multiple="multiple"
kendo-multi-select
data-placeholder="Select attendees..."
k-data-text-field = "'name'",
k-data-value-field = "'index'",
k-data-source='dsA'
ng-model='ValueA'
>
</div>
<br />
<br />
ValueB :{{ ValueB }} , Change count: {{ valueBChangeCnt }}<br />
<br />
<select ng-model="ValueB">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
<option value="5">E</option>
<option value="6">F</option>
</select>
</div>
</body>
<script type="text/javascript">
var MyApp = angular.module('myapp', ['kendo.directives']);
function mycontroller($scope) {
$scope.dsA = new kendo.data.DataSource({
data: [
{ name: "A", index: 1 },
{ name: "B", index: 2 },
{ name: "C", index: 3 },
{ name: "D", index: 4 },
{ name: "E", index: 5 },
{ name: "F", index: 6 }
]
});
$scope.valueAChangeCnt = 0;
$scope.$watch('ValueA', function() {
console.log('ValueA Changed');
$scope.valueAChangeCnt++;
});
$scope.valueBChangeCnt = 0;
$scope.$watch('ValueB', function() {
console.log('ValueB Changed');
$scope.valueBChangeCnt++;
});
}
mycontroller.$inject = ['$scope'];
</script>
ValueA:{{ValueA},更改计数:{{valueAChangeCnt}}
ValueB:{{ValueB},更改计数:{{{valueBChangeCnt}}
A.
B
C
D
E
F
var MyApp=angular.module('MyApp',['kendo.directives']);
函数mycontroller($scope){
$scope.dsA=new kendo.data.DataSource({
数据:[
{名称:“A”,索引:1},
{名称:“B”,索引:2},
{名称:“C”,索引:3},
{名称:“D”,索引:4},
{名称:“E”,索引:5},
{名称:“F”,索引:6}
]
});
$scope.valueAChangeCnt=0;
$scope.$watch('ValueA',function(){
console.log('ValueA Changed');
$scope.valueAChangeCnt++;
});
$scope.valueBChangeCnt=0;
$scope.$watch('ValueB',function(){
console.log('ValueB Changed');
$scope.valueBChangeCnt++;
});
}
mycontroller.$inject=['$scope'];
在$watch
侦听器功能之后插入true
:
$scope.$watch('ValueA', function() {
console.log('ValueA Changed');
$scope.valueAChangeCnt++;
}, true);
这将比较对象是否相等,而不是作为参考