Как применять css в угловых js с использованием ng-класса

Я новичок в угловых js. Я хочу применить стили css из внешнего файла css. Я определил класс .container в файле css, который я хочу вызвать в угловом js-файле, используя ng-класс. Но он не работает. style.cssКак применять css в угловых js с использованием ng-класса

.container 
{ 
width:900px; 
height:600px; 
border:1px solid; 
margin:auto 0; 
position:absolute; 
background:red; 
}

index.html

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="js/Angular.js"></script> 
    <link rel="stylesheet" href="css/style.css" /> 
    </head> 
    <body> 
    <div ng-app="" ng-class="container" > 

    </div> 
    </body> 
    </html>

источник

2015-06-05 bharath

ng-class используется для динамического определения классов угловым способом, то есть ng-class = {{container}}. В приведенном выше примере вы можете попробовать, как этот класс = "ngClass: container" – Hurix

Почему бы не установить его в html 'class =" container "?? Есть ли особая причина, почему вам нужно использовать 'ng-class'? –

вы можете использовать:

ng-class="{'container'：true}"

см ngClass

источник

2015-06-05 07:18:44 Yangguang

Я пробовал, но не работал – bharath

Чтобы применить класс как что вы можете просто использовать class:

<div ng-app="" class="container" > 
       ^^^^^

От docs:

директива ngClass позволяет динамически устанавливать классы CSS на HTML-элемента с помощью привязки данных выражение, представляющее собой все классы, которые нужно добавить.

Если вы все еще хотите использовать ng-class:

<div ng-app="" ng-class="{'container':true}" >

Пример fiddle.

источник

2015-06-05 07:18:47 Zee

Я знаю, чтобы сделать это таким образом. Я хочу использовать ng-класс – bharath

@bharath 'ng-class' используется для динамического применения классов на основе условий. Это не требуется в вашем случае. – Zee

@bharath Я обновил ответ. – Zee

Это не нг-класса, но обычный класс. директива ng-класса состоит в том, чтобы делать больше, чем просто назначать класс, но, например, назначать класс через условие. Если вы просто сделать так:

<div ng-app="" class="container">

достаточно.

источник

2015-06-05 07:20:33 Guinn

Как применять css в угловых js с использованием ng-класса

ответ

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