指令中未定义的范围答案

【问题标题】：Scope undefined in directive指令中未定义的范围
【发布时间】：2016-09-29 15:52:18
【问题描述】：

我正在尝试访问范围的值，但它显示为未定义，我需要显示用户插入的值。

我的 HTML

<div ng-app="myApp" ng-controller="myCtrl as model">
     <input type="text"  ng-model="model.cero" ng-cero="">    
    </div>

在 JS 中

angular
    .module("myApp",[])
    .controller('myCtrl', function($scope){
     var model=this;
    })
    .directive ('ngCero', function($parse){
      var linkFunction =function(scope, element, attrs){
         element.bind("keypress", function(event) {
        if(event.which === 44 || event.which === 13) {
              console.log( $parse(attrs.format));   
          }
        });
      };
      return{
         restrict : 'A',
      }
    })

【问题讨论】：

标签： javascript angularjs angularjs-directive dom-events

【解决方案1】：

我解决了

angular
    .module("myApp",[])
    .controller('myCtrl', function($scope){
        var model=this;
    })
    .directive ('ngCero', function($parse){
        var linkFunction =function(scope, element, attrs){
                              element.bind("keypress", function(event) {
                              if(event.which === 44 || event.which === 13) {
                                  console.log( $parse(attrs.format));   
                              }
                              });
                          };
      return{
          restrict : 'A',
          scope:{
                  cero:"ngModel"
                },
          link: linkFunction
      }
})

【讨论】：