2017-01-17 4 views
0

Я попытался запустить эту простую демонстрацию в моем приложении:Угловая материал нав бар не работает

http://codepen.io/camden-kid/pen/Kgdvgd?editors=1010#0

Do в View1.js:

'use strict'; 

angular.module('rfApp.view1', ['ngRoute', 'ngMaterial', 'ngMessages']) 

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl' 
    }); 
}]) 

.controller('View1Ctrl', function($scope) { 
    $scope.currentNavItem = 'page1'; 
}); 

View1.html

<md-content class="md-padding"> 
    <md-nav-bar 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-click="goto('page2')" name="page2">Page Two</md-nav-item> 
     <md-nav-item md-nav-click="goto('page3')" name="page3">Page Three</md-nav-item> 
     <!-- these require actual routing with ui-router or ng-route, so they won't work in the demo 
     <md-nav-item md-nav-sref="app.page4" name="page4">Page Four</md-nav-item> 
     <md-nav-item md-nav-href="#page5" name="page5">Page Five</md-nav-item> 
     --> 
    </md-nav-bar> 
    <div class="ext-content"> 
     External content for `<span>{{currentNavItem}}</span>` 
    </div> 
</md-content> 

И получить:

enter image description here

+0

Codepen - это работа в любом случае. Вы уверены, что в заголовок включен угловой материал css? – digit

+0

@digit Да, все остальные элементы работают – Arti

+0

@digit все скрипты загружены правильно, и это весь мой код :(что не так :( – Arti

ответ

0

Вопрос был в моей угловой и угловой версии материала. Когда я изменил угловое значение на 1.5.9 и угловой материал на 1.0.0, он начал работать

Смежные вопросы