javascript - ng-click 函数在 AngularJS 中不使用 onclick 调用？

Question

我必须使用 onClick 调用 ng-click 函数，但在我的例子中，ng-click 函数不是

//Controller function
$scope.editProductDetail = function(productObject) {
		$scope.getProduct  = productObject;

	}

<a href="#" 
onclick="document.getElementById('editProduct').style.display='block'" ng-click="editProductDetail(list)"  target="_self">
</a>

调用但模型已通过 onClick 函数打开？

Answer 1

您似乎正在尝试为产品列表中的所选项目设置一个类，您似乎混淆了一些 AngularJS 概念。

1. 如果您使用 AngularJS，则无需同时使用 onclick 和 ng-click。
2. 如果您想显示列表中的所有产品，您可能需要使用 ng-repeat .
3. 您需要初始化您的 Module为了加载 AngularJS Controller ， Controller 必须位于 HTML 代码的模块内。

我根据您的代码做了一个示例，如果您编辑答案并添加完整的代码，它可能会有所帮助。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.count = 0;
    $scope.selectedIndex = 0;
    $scope.editProductDetail = function (index) {
      $scope.selectedIndex = index;
    };
    $scope.productList = [
      { name: 'Product 1', price: '1,00 U$' },
      { name: 'Product 2', price: '2,00 U$' },
      { name: 'Product 3', price: '3,00 U$' }
    ];
});

.selected-item {
  display: block;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl" >
  <h2>Selected Item Number: {{ selectedIndex + 1}}</h2> <!-- I've added +1 since index starts at 0 -->
  <div ng-repeat="item in productList">
  <a href="#" ng-click="editProductDetail($index)"  ng-class="{ 'selected-item': $index == selectedIndex }">{{ item.name}} {{item.price}} </a>
  </div>
</div>