1

ボタンのクリックで値をインクリメントする必要があるAngularjsを使用してディレクティブを作成しようとしていcountます。

クリックイベントハンドラーで、構成を使用して値をインクリメントしようとしていますが、コンソールでエラーscope.$applyがスローされます。Syntax Error: Token 'undefined' not a primary expression at column NaN of the expression [count++] starting at [count++]

マークアップ

<div ng-app="myApp">
    <div ng-controller="MainCtrl">
        <div my-directive >
        </div>
    </div>
</div>

JS

var myApp = angular.module('myApp', []);

myApp.directive('myDirective', function(){
    return {
        scope: {},
        template: '<div>{{count}}</div><input type="button" class="increment" value="Increment" />',
        link: function(scope, iElement, iAttrs, controller) {
            console.log('link', scope.count)
            iElement.on('click', '.increment', function(){
                console.log('click', scope.count);
                scope.$apply('count++');
            })
        },
        controller: function($scope){
            console.log('controller')
            $scope.count = 0;
        }
    };
});

myApp.controller('MainCtrl', ['$scope', function($scope){
}]);

デモ：フィドル

4

2 に答える 2

4

式をに変更する

count = count + 1

問題を修正します。デモ：フィドル

Angularは式の評価に使用しないためeval、式でJavaScriptの全範囲を使用することはできません。これはそれらの例外の1つです。もう少し強力なものが必要な場合は、JavaScript関数を$apply（デモ：Fiddle）に渡すことができます。

scope.$apply(function() {
  scope.count++;
});
于 2013-02-15T07:07:42.503 に答える
3

使ってみませんng-clickか？

<body ng-controller='MainCtrl'>
  <button ng-click="increment()" value="Increment Me!">
  <h1>{{count}}</h1>
</body>

そしてあなたのJSでは：

function MainCtrl($scope) {
  $scope.count = 0;
  $scope.increment = function() { $scope.count++; };
}
于 2013-02-15T07:08:06.057 に答える