AngularJS点击指令不会触发函数w /玉

这是松散的基础上MEAN Stack demo：蒙戈，快速，AngularJS和的NodeJSAngularJS点击指令不会触发函数w /玉

我想一个delete方法在我玉模板添加到我的控制器，像这样

characters.jade

script 
    function CharactersController($scope, $http, $window){ 
     $scope.charactersList = []; 

     $scope.newCharacter = {}; 

     $scope.init = function(charactersList){ 
      $scope.charactersList = charactersList; 
     } 

     $scope.save = function(form){ 

     } 

     $scope.delete = function(id){ 
      console.log('delete: '+id); 
     } 
    } 
body 
    h1 Characters 
    div(ng-controller="CharactersController", ng-init="init(#{JSON.stringify(charactersList)});") Create a new character: 
     br 
     form(name="charactersForm", ng-submit="save(charactersForm)") 
      input(type="string", ng-model="newCharacter.firstName", name="firstName", placeholder="Firstname...") 

      input(type="submit") 
     hr 
     div(ng-repeat="character in charactersList.characters") 
      {{character.lastName}}, {{character.firstName}} - Quantity: {{character.quantity}} 
      button(ng-click="delete('{{character._id}}')") remove`

我相信我只是拧紧了scopeØ f ng-click作为delete(...)函数不会触发，即使它在`ng-controller =“CharactersController”div内？

来源

2013-07-26 jordan.baucke

玉模板的最终输出是什么样的？没有使用玉，但可能ng-click没有正确转换为HTML，因为它不是一个标准属性。也在控制台中的任何错误？我也会尝试ng-click="alert('the click handler works')"来尝试隔离问题。

来源

2013-07-26 06:18:41

所以这里是输出：'

Baucke, Jordan - Quantity: 2

'看起来对我，但JS'警报'不会触发？ –

您是否正确初始化angilar？例如：通过使用检查http://angularjs.org/首页的例子。 –

AngularJS点击指令不会触发函数w /玉

回答

相关问题