Question

你好我有我的指示：

  myApp.directive('hoverDirective',function($document){
    return function(scope, element, attr){
      scope:{value:'foo'};
      element('mouseover',function(event){
        console.log(event);
      });
    }
  });

我有它的工作：

<div hover-directive>
  {{value}}
</div>

但现在我想在指令中对数据进行硬编码，并通过工厂获取。我读到了范围：{value：＆＃39; foo＆＃39;}。但是当我把它放在返回功能里面时我有错误。有人可以帮忙吗？

更新：我尝试在返回函数中放入代码没有结果。

Answer 1

请参见此处：http://jsfiddle.net/qeCDL/

HTML：

  <div ng-app="app">
        <div ng-controller="firstCtrl">
            <div hover-directive></div>
        </div>
    </div>

JS：

var app = angular.module('app', []);
app.directive('hoverDirective', function () {
    return {

        scope: {},
        restrict: 'AE',

        controller: function () {


        },
        template: '<h3>{{value}}</h3>',
        link: function (scope, element, attrs) {

            scope.value = "hove me";
            element.on('mouseover', function (event) {
                console.log(scope.value);
            });
        }
    };
});


app.controller('firstCtrl', function ($scope) {


});

angularjs绑定数据并显示硬编码和/或服务

1 个答案: