首页 / JAVASCRIPT / 仅当javascript对象中存在时,angularJS才会添加ng-href

仅当javascript对象中存在时,angularJS才会添加ng-href

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了仅当javascript对象中存在时,angularJS才会添加ng-href，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1805字，纯文字阅读大概需要3分钟。

内容图文

我有以下javascript对象,我正在构建我的导航栏：

$scope.slo = [
    {
      main: "IJS",
      url: "https://www.ijs.si/ijsw"
    },
    {
      main: "ZIC",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "predstavitev",
        two: "osebje"
      }]
    },
    {
      main: "knji?nica",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "tiskane revije",
        two: "elektronske revije",
        three: "baze podatkov",
        four: "katalog(COBISS)"
      }]
    },
    {
      main: "storitve",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "bibliografije",
        two: "medknji?ni?na izposoja",
        three: "fotokopirnica"
      }]
    }
    ];

    $scope.eng = [{
      main: "IJS"
    },
    {
      main: "ZIC",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "introduction",
        two: "staff"
      }]
    },
    {
      main: "library",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "printed journals",
        two: "electronic journals",
        three: "databases",
        four: "catalogue(COBISS)"
      }]
    },
    {
      main: "services",
      icon: "glyphicon glyphicon-triangle-bottom",
      submenu: [{
        one: "bibliographies",
        two: "interlibrary loan",
        three: "copy room"
      }]
    }];

现在我想在我的html中添加ng-href标记,但前提是url属性存在.因此,例如第一个栏会指向一个网址,但其余的则不会因为它们是下拉.

这是我的html标记：

<a ng-href="{{!menu.url}}">{{ menu.main }}<span ng-class="menu.icon"></span></a>

我的问题是,我可以为ng-href设置一个条件来评估url属性是否存在,然后绑定urls属性值？如果可以的话,我该怎么做？

使用我目前的标记,我只得到：

<a href="false" class="ng-binding" ng-href="false">IJS<span ng-class="menu.icon"></span></a>
<a href="true" class="ng-binding" ng-href="true">ZIC<span class="glyphicon glyphicon-triangle-bottom" ng-class="menu.icon"></span></a>

解决方法:

您应该使用ng-attr- *有条件地向标记添加属性

<a ng-attr-href="{{menu.url}}">{{ menu.main }}<span ng-class="menu.icon"></span></a>

只有当menu.url的值有效时,才会将href属性添加到锚标记中.如果{{menu.url}}解析为未定义,则href属性将不会添加到您的元素中.

内容总结

以上是互联网集市为您收集整理的仅当javascript对象中存在时,angularJS才会添加ng-href全部内容，希望文章能够帮你解决仅当javascript对象中存在时,angularJS才会添加ng-href所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/745086.html

来源：【匿名】