Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度剑道UI多选手表不工作_Javascript_Angularjs_Kendo Ui - Fatal编程技术网

Javascript 角度剑道UI多选手表不工作

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

我想用angular$watch观察剑道多选值的变化,但它不起作用。 我的代码有问题吗。我怎样才能修好它

代码如下(或)

第一次调用后更改秒表的值

    <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);
这将比较对象是否相等,而不是作为参考