从导航栏中删除边框

Question

我正在使用angularjs材料进行设计，但我坚持从md-nav-list中删除导航栏列表的边框。

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

<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>          

Answer 1

假设您希望边框始终消失，您需要将mod-nav-bar的{​​{1}}属性设置为md-no-ink-bar，即true而不是md-no-ink-bar="true" {1}}。我猜你看到了文档中使用的设置，但这可能是因为他们有一个由角度控制器设置的变量md-no-ink-bar="disableInkBar"，然后他们用来切换边框。但是对于你的情况，只要你不想打开和关闭边框，将它设置为disableInkBar应该完全符合你的要求！ ：）