AngularJS部分使用指令中的URL - 最佳实践?

时间:2013-07-30 00:52:36

标签: angularjs angularjs-directive angularjs-scope angular-ui angularjs-routing

我非常喜欢angular-ui创建了ui-routes,它提供了命名路由(以及其他内容)。

虽然可能是一个简单的指令来编写ui-view的包装器 - 但我不确定它是否是最佳实践。

<div ui-view2="foo.html" class="span12">
    Foo haz bar
</div>

使用以下逻辑:

if `foo.html` is file: contents of foo.html
elif `$scope.foo.html` exists: contents of `$scope.foo.html`
else: contents defined in view, i.e.: "Foo haz bar"

您如何看待,这种设置是否属于最佳实践范围?

顺便说一句:有没有这样的东西?

2 个答案:

答案 0 :(得分:1)

您可以使用ng-switch

<div ng-switch="page_name">
  <div ng-switch-when="foo" ng-include="'partials/foo.html.html'">
  <div ng-switch-when="bar" ng-include="'partials/bar.html.html'">
</div>

答案 1 :(得分:0)

如果您的逻辑不适合ng-if,您还可以使用ng-switch

<div ng-if="first_condition">something</div>
<div ng-if="!first_condition && second_condition">something else</div>