Question

ng-click按钮无效。

有没有人发现以下代码段有什么问题？

＆＃13;

var locationModel = {
  "City": "Alexandria",
  "State": "State"
};

var locationApp = angular.module("locationApp", []);

locationApp.controller("locationCtrl", function($scope) {
  $scope.newLocation = locationModel;

  $scope.addLocation = function(state) {
    console.log(state);
    //$http.post("/Home/CreateLocation", newLocation).then(function (response) {
    //    console.log("Inserted", data);
    //});
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>

<body ng-controller="locationCtrl">
  <div>

    <button class="btn btn-default" ng-click="addLocation('VA')">
      Add
    </button>

  </div>
</body>

＆＃13;

Answer 1

你的html中需要ng-app：

＆＃13;

var locationModel = {
        "City": "Alexandria",
        "State": "State"
    };

    var locationApp = angular.module("locationApp", []);

    locationApp.controller("locationCtrl", function ($scope) {
        $scope.newLocation = locationModel;

        $scope.addLocation = function (state) {
            console.log(state);
            //$http.post("/Home/CreateLocation", newLocation).then(function (response) {
            //    console.log("Inserted", data);
            //});
        }
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="locationApp" ng-controller="locationCtrl">
<div> 

    <button class="btn btn-default" ng-click="addLocation('VA')">
        Add
    </button>

</div>
</body>

＆＃13;

Answer 2

您需要添加ng-app指令，以便您的应用运行，将body标记更新为以下内容：

<body ng-controller="locationCtrl" ng-app="locationApp">

Answer 3

是的 - 我忘记了ng-app标签。我打算把它放在html标签中。它现在正在运作。

为什么ng-click没有触发此按钮？

3 个答案: