Question

我正在尝试在Angular 1.5中实现一个简单的组件我试图访问绑定（绑定）属性＆＃39; compTitle＆＃39;在组件mycomponentheader＆＃39;。

var mycomponentheader = {
    ....
    bindings: {
    'comptitle': '@mycomptitle'
    },
    ....
};

我在视图中的html标记中传递属性值[compTitle =＆＃34; encryptedTitle＆＃34;]。

  <mycomponentheader mycomptitle="encryptedTitle">
    <div>    
      This is displayed for component content
    </div>
  </mycomponentheader>

我尝试在指令中使用类似的机制。相同的jsfiddle是@ https://jsfiddle.net/visibleinvisibly/4n7vsas7/

我知道将模板属性定义为可以在Angular 1.5中使用$ element和$ attrs（template：function（$ element，$ attrs）{}注入的函数，但我正在寻找其他方法。< / p>

先谢谢

Answer 1

查看component's guide。

默认情况下，您会看到绑定绑定到$ctrl，并且它们位于this下，而不是controllerAs，因为使用了comptitle。

这就是说，只需从$ctrl访问$ctrl.comptitle，就这样：mycomponentheader。

Here is the working demo.

注意：在组件指南中，您将看到一个列表，其中包含组件和指令之间的主要差异。您会注意到某些restrict属性不需要，因为它们不存在于组件中。这些属性包括：E（已默认为replace）和library(data.table) dt<-data.table(fac=c("l1","l1","l2"),grp=c("A","B","B")) dt[,fac:=as.factor(fac)] dt[,list( table(fac) ),by=grp]（不受支持）。

如何在模板中访问Angular 1.5组件属性

1 个答案: