javascript - Angular JS最干净的方法有条件地将字符串附加到标签属性

Question

我有一个关于 angularJS 的新手问题:

我有两个 <a>标签非常相似以显示其 href仅取决于变量 foo已设置:

如果 foo == null:

<a ng-href="#/bar/{{col.slug}}">{{col.title}}</a>

其他

<a ng-href="#/{{foo}}/bar/{{col.slug}}">{{col.title}}</a>

正如您所看到的，除了 foo 之外，标签几乎相同。附加在 url 开头的变量。

我知道有像 ng-show 这样的命令和 ng-hide , ng-if或 ternary operation .

如何以最干净的方式进行此操作？

谢谢!

Answer 1

您可以调节您的代码:

<a ng-href="#/{{ foo != null ? foo + '/' : ''}}bar/{{col.slug}}">{{col.title}}</a>

或者你可以使用 ngShow:

   <a ng-show="foo == null" ng-href="#/bar/{{col.slug}}">{{col.title}}</a>
   <a ng-show="foo != null" ng-href="#/{{foo}}/bar/{{col.slug}}">{{col.title}}</a>

我更喜欢内联条件，发现它更可读