Angularjs是否支持模板?

时间:2017-10-01 16:08:04

标签: angularjs angularjs-templates

如果我有$ scope.data = {" user" {"名字":测试"}},我希望有像

这样的模板

{%with data%}  用户名为{{user.firstname}}

{%with data.user%}  用户名为{{firstname}}

这样的事情,但我找不到它。我认为总是使用像{{data.user.firstname}}

这样的完整路径并不理想

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

据我所知,AngularJS不支持,那就是python。我发现访问没有问题:

{{ data.user.firstname }} 

在您的模板中。如果你不喜欢那个“数据”。你为什么不指定:

let data={ user: { firstname: "test"} };   
$scope.user = data.user;

然后您就可以在模板中使用了:

{{ user.firstname }}

您可以使用的另一件事是指令 - 设置您自己的自定义指令并通过绑定传递您想要的值,该绑定将为您提供所需的$ scope属性。所以在HTML中你可以这样做:

<some-directive user="data.user" />

然后在指令中(假设你有模块存储在变量app中):

app.directive('someDirective', function() {
  return {
    scope: {
      user: '='
    },
    template: 'Name: {{user.firstname}}'
  };
});

有关指令的更多信息:https://docs.angularjs.org/guide/directive