2015-11-09 4 views
0

Я новичок в AngularJS и обучении. Я пытался переключить файлы тем CSS, присваивая значения a-href в раскрывающемся списке bootstrap nav, но я не знаю, как это сделать. Просьба направлять меня ... СпасибоAngularjs aHref value

<html ng-app ng-controller="maincontroller"> 
<head> 
<link href="css/{{theme}}.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<ul class="dropdown-menu"> 
<li><a href ng-click="theme = black">Black</a></li> 
<li><a href ng-click="theme = green">Another action</a></li> 
</ul> 

SCRIPT

var maincontroller = function($scope) { 
    $scope.theme = "black"; 
    }; 
+0

Я не думаю, что это сработает. Добавьте оба файла темы темы CSS, а затем просто добавьте класс в 'body' или что-то подобное, чтобы применить все изменения темы –

+0

друг, независимо от того, где я применяю изменение темы css, проблема заключается в том, как обновить значение {{theme }} с использованием или

ответ

0

Я не уверен, что вы пытаетесь сделать, будет работать, но вы можете попробовать использовать ng-href:

Использование Угловой разметки, такой как {{hash}} в атрибуте href, приведет к тому, что ссылка перейдет на неправильный URL-адрес, если пользователь нажмет на нее до того, как Угловая имеет шанс заменить {{hash}} с его значением. Пока Угловой заменяет разметку, ссылка будет сломана и, скорее всего, вернет ошибку 404. Директива ngHref решает эту проблему.

<link href="css/{{theme}}.css" rel="stylesheet" type="text/css"> 
+0

друг может сказать, как использовать ng-href для обновления значения {{theme}} –

+0

в вашем mainController вы изменяете значение темы. Например, вы можете создать кнопку и использовать ng-click, чтобы установить $ scope.theme в 'black' – MayK