Angularjs 手动更改url时,数据ng类条件不起作用
我对data ng类上的div做了一个条件语句,我想以某种方式将此作用域添加到控制器,并指定url为/素食者时应用类“egg”,我手动更改url我想应用类“bacon”,但它不起作用,我哪里出错了 html: 这是行不通的。当我键入/素食者时,将应用egg类,但当我将url更改为其他内容(如/早餐)时,“egg”类仍然存在。我怎样才能做到这一点?Angularjs 手动更改url时,数据ng类条件不起作用,angularjs,url,controller,ng-class,route-provider,Angularjs,Url,Controller,Ng Class,Route Provider,我对data ng类上的div做了一个条件语句,我想以某种方式将此作用域添加到控制器,并指定url为/素食者时应用类“egg”,我手动更改url我想应用类“bacon”,但它不起作用,我哪里出错了 html: 这是行不通的。当我键入/素食者时,将应用egg类,但当我将url更改为其他内容(如/早餐)时,“egg”类仍然存在。我怎样才能做到这一点? 谢谢为什么属性和函数的名称相同?毕竟,您将只有该功能 $scope.isVeggie = false; $scope.isVeggie = func
谢谢为什么属性和函数的名称相同?毕竟,您将只有该功能
$scope.isVeggie = false;
$scope.isVeggie = function() {
if(isVeggie === $location.path('/vegetarian')) {
return true;
}
}
将代码更改为仅具有该函数
仅限
$scope.isVeggie = function() {
if(isVeggie === $location.path('/vegetarian')) {
return true;
}
}
和标记
<div data-ng-class="{'egg': isVeggie(), 'bacon': !isVeggie() }">
Text here
</div>
此处文本
将ng类指令绑定到属性isvegie,而不是函数isvegie()
将您的html更改为:
<div data-ng-class="{'egg': isVeggie(), 'bacon': !isVeggie() }">
Text here
</div>
<div data-ng-class="{'egg': isVeggie(), 'bacon': !isVeggie() }">
Text here
</div>
<div data-ng-class="{'egg': isVeggie(), 'bacon': !isVeggie() }">
Text here
</div>
$scope.isVeggie = false;