Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 手动更改url时,数据ng类条件不起作用_Angularjs_Url_Controller_Ng Class_Route Provider - Fatal编程技术网

Angularjs 手动更改url时,数据ng类条件不起作用

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

我对data ng类上的div做了一个条件语句,我想以某种方式将此作用域添加到控制器,并指定url为/素食者时应用类“egg”,我手动更改url我想应用类“bacon”,但它不起作用,我哪里出错了

html:

这是行不通的。当我键入/素食者时,将应用egg类,但当我将url更改为其他内容(如/早餐)时,“egg”类仍然存在。我怎样才能做到这一点?
谢谢

为什么属性和函数的名称相同?毕竟,您将只有该功能

$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;