AngularJS Widget / Plugin通过指令

时间:2016-01-07 23:11:38

标签: javascript angularjs web

我正在开发一个在Angular之上运行的相对较小的门户网站。我仍然是一个Angular新手,虽然我已经设法围绕更重要的概念。

无论如何,我正在为GitHub数据检索创建一个小小部件/插件。这是我的代码,

NG-github.js

(function() {

  angular.module('ng-github', [])
    .run(function() {
      console.log('module instantiated');
    })
    .directive('git-user', function($http) {
      return function(scope, element, attr) {
        console.log('invoked');
        $http.get('https://api.github.com/users/' + attr['gitUser'])
          .success(function(data) {
            scope.gUser = data;
          })
          .error(function(data, status) {
            console.error('Github User Request Error', status, data);
          })
      };
    })

})();

view.html

...

<span gitUser="neetVeritas" ng-bind="gUser.following"></span>

...

正在实例化模块,因为我从 .run(...)函数得到响应,但是没有调用指令的链接函数。我在我的主应用程序中包含了ng-github模块,我没有收到任何与angular-js相关的错误,所以我很难过。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

向我看,好像你向后命名了该指令。不应该在指令声明中使用camelcase(即gitUser)并在html中连字吗?