Удалить границу из панели навигации

Question

Я использую материал angularjs для проектирования, но застрял при удалении границы списка navbar из списка md-nav.

красная линия под первой страницей - это строка, которую я хочу удалить код

<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 md-no-ink-bar, чтобы установить true, a.k.a md-no-ink-bar="true" вместо md-no-ink-bar="disableInkBar". Я предполагаю, что вы видели этот параметр, используемый в документации, но это, вероятно, потому, что у них была переменная disableInkBar, установленная угловым контроллером, которую они затем использовали для переключения границы. Однако в вашем случае, если вы не хотите включать и выключать границу, установка значения md-no-ink-bar="true" должна делать именно то, что вы хотите! :)