代码之家 › 专栏 › 技术社区 › user9233898

从导航栏中删除边框

angularjs-material angularjs css

user9233898 · 技术社区 · 6 年前

我使用angularjs材料进行设计,但我坚持从md nav列表中删除导航栏列表的边框。 enter image description here

image of navbar

第一页下面的红线是我要删除的线代码为

<div layout="row" class="navbar-top" flex >
    <md-input-container class="md-block" md-no-float >
            <md-icon class="material-icons">search</md-icon>
            <input type="text" ng-model="user" placeholder="search.." class="search-bar" >
    </md-input-container>
    <md-nav-bar flex="60" md-no-ink-bar="disableInkBar" md-selected-nav-item="currentNavItem"  nav-bar-aria-label="navigation links">

            <md-nav-item md-nav-click="goto('page1')" name="page1">
              Page One
            </md-nav-item>
            <md-nav-item md-nav-sref="#" >
              <md-icon class="material-icons">messages</md-icon>
            </md-nav-item>

          </md-nav-bar>

1 回复 | 直到 6 年前

Aaron Pool 6 年前

假设你希望边界永远消失,你需要改变你 mod-nav-bar 的 md-no-ink-bar 要设置为的属性 true ,又名 md-no-ink-bar="true" 而不是 md-no-ink-bar="disableInkBar" 。我猜您在文档中看到了该设置,但这可能是因为他们有一个变量 disableInkBar 由角度控制器设置,然后使用该控制器切换边界。但对于您的情况,只要您不想打开和关闭边界,请将其设置为 md no墨条=“true” 应该做你想做的事!:)

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前