Angular在HTML属性中使用Inline JavaScript不是“坏做法”？

<img ng-src="{{img}}" ng-click="setImage(img)">

真的，这一切都归结于这样的事实，你的视图代码必须被钩到你的应用程序逻辑不知何故。 AngularJS的最佳实践通常指出，您应该编写自己的模型 – 代表您的业务域的对象，并将它们附加到范围。想象一下这样的代码：

<img ng-src="{{img}}" ng-click="myProfile.setMainImage(img)">

@H_728_1@myApp.controller("ProfileController",function($scope,myProfilE) { $scope.myProfile = myProfile; });

视图说“当该图像被点击时，它将在myProfile上调用setMainImage()。业务逻辑在myProfile内，在那里它可以测试等。视图只是一个钩子。

在一个更“传统的”或“vanilla”jQuery设置，你必须写下如下：

$("#somEID img").on('click',function() {
  var img = $(this).attr('src');
  myProfile.setMainImage(img); // where does myProfile come from here?
                               // how does it update the view?
});

当然，JavaScript社区已经确定以这种方式编写大型应用程序并不真正可行，部分原因是视图和模型对象之间的断开(如代码片段中的注释所指示的)，这就是为什么我们有像Angular这样的框架。

所以，我们知道这个原生的jQuery代码是不理想的，但我们仍然不确定整个ngClick事情。让我们将它与另一个非常流行的JavaScript框架进行比较，它提供了@L_839_0@mV *架构，BACkbone。在最近的RailsCasts插曲AngularJS，someone asked a very similar question：

My response此处也适用：