Angular Components从html传递值问题

时间:2017-06-22 23:44:01

标签: javascript angularjs angular-components angular-controller

所以我最近一直在研究一些角度代码,而且我还是比较新的。我真的尝试了很多来解决这个问题,但我确实被阻止了。所以,我的问题是我创建了一个如下所示的角度组件。

angular.module('fab', ['ngMaterial']);
 angular.module('fab').
 component('menuBar', {
 bindings: {
        id :"="
    },
 controller: function MenuBarController() {

  this.$onInit = function(){
    this.section = this.id;

  } 


 },
      templateUrl:'/frontend/templates/bootstrap_menu_bar.html',
}
);

我试图将一个值绑定到' id'这里来自下面显示的html源代码。

<html>
<body ng-app='fab'> 
<menu-bar id="section1"></menu-bar>
</body>
</html>

并在组件中引用的模板中。我尝试使用

访问它
<li ng-repeat="x in $ctrl.section"><a href="#section1">{{x}}</a></li>

有人可以帮助解释为什么值id不会绑定到这里的组件吗?我已经坚持了很长时间,这将有助于我在抓住角度方面取得进展。

强文

0 个答案:

没有答案