なぜこの<td ng-mouseenter = "name = 'John'">は機能しませんか？

Question

以下の例は、（前の例の応答の正しいsp00m後に編集）非常に簡単である：

index.htmlを：（一部）

<table> 
    <tr ng-repeat="r in [1,2,3]"> 
    <td ng-repeat="c in [1,2]" ng-mouseenter="name='John'"> 
     [{{r}},{{c}}] 
    </td> 
    </tr> 
</table> 
Hello {{name}}! 

app.js：

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 
}); 

I 「世界」の言葉が「ジョン」に変わることを期待していますが、私が細胞にマウスを乗せているときは何も起こりません。

私はこの問題を示すために以下のplnkrを投稿しています。 何が間違っているのですか？私は何が欠けていますか？ <td>にng-mouseenterを処理しないAngularJS 1.5.x plnkrが使用している問題がありますか？ ng-repeatは問題ではないことに注意してください。手動で新しい行を置くと、これは動作しません。

http://plnkr.co/edit/x1peSJyc50yqa1AM73GZ

Answer 1

は、実際に私は同じ問題を抱えていた、私はこの$scope.nameのようなプレーンなスコープ変数を使用することを避けますそれはいくつかの問題を引き起こすかもしれません。だから、上記のプランナーでは、スコープオブジェクトの代わりに$scope.name = {firstName: 'World'}のようなものを宣言してください。次に、htmlでこのng-mouseenter="name.firstName='John';"を使用し、これはHello {{name.firstName}}と一緒に動作するはずです。

Answer 2

これは、実際に働いているあなたは自分の$scopeでalertを定義していない、：

$scope.alert = function (...) { ... };