AngularJs -当作用域值改变时检查条件(if - else)
AngularJs - check condition (if - else ) when scope value change
在我的应用程序中,我想在更新作用域变量时执行一些任务。但我的代码只运行页面加载。当值发生变化时,不触发
abcd value在点击时更新,但如果其他条件未触发。请帮忙
<div ng-app="MyApp" ng-controller="BaseController" id="BaseController">
{{abcd}}{{test}}
</div>
<ul>
<li class="btn" data-id="One"><a href="#">One</a></li>
<li class="btn" data-id="Two"><a href="#">Two</a></li>
<li class="btn" data-id="Three"><a href="#">Three</a></li>
<li class="btn" data-id="Four"><a href="#">Four</a></li>
<li class="btn" data-id="Five"><a href="#">Five</a></li>
</ul>
Angular JS代码
var app = angular.module('MyApp', []);
app.controller('BaseController',['$scope',function($scope){
$scope.abcd = 'testvalue1';
$scope.test = 'test Value 2';
console.log($scope.abcd);
if($scope.abcd === 'One'){
$scope.test = 'First Time';
}else if($scope.abcd === 'Two'){
$scope.test = 'Second Time';
}else if($scope.abcd === 'Three'){
$scope.test = 'Three Time';
}else if($scope.abcd === 'Four'){
$scope.test = 'Four Time';
}else if($scope.abcd === 'Five'){
$scope.test = 'Five Time';
}
}]);
Javascript代码 $('.btn').on('click',function(){
var target = $(this).attr('data-id');
var scope = angular.element($("#BaseController")).scope();
scope.$apply(function(){
scope.abcd = target;
})
});
你不应该使用JQuery
<ul>
<li class="btn" ng-click="abcd='One'"><a href="#">One</a></li>
<li class="btn" ng-click="abcd='Two'"><a href="#">Two</a></li>
<li class="btn" ng-click="abcd='Three'"><a href="#">Three</a></li>
<li class="btn" ng-click="abcd='Four'"><a href="#">Four</a></li>
<li class="btn" ng-click="abcd='Five'"><a href="#">Five</a></li>
</ul>
use $scope.$watch:
$scope.$watch('abcd', function(oldValue, newValue) {
if (newValue === ?) {
// do this
}
});
也,这可能有助于满足一些,角包括jqueryite:
angular.element('.btn').on('click', function() {...})
您必须使用$scope。$watch在控制器中监视abcd值,并在它发生变化时对其进行操作。
rootScope.Scope美元https://docs.angularjs.org/api/ng/type/$scope.$watch('abcd', function(val) {
if(val === 'One') {
doWhatever();
}
}
相关文章:
- 我已经创建了一个jquery转盘,并使用if条件来运行和停止转盘
- 如何检查if/else语句中的随机条件
- KnockoutJS:为虚拟元素使用嵌套的条件if语句
- 在if语句注释的条件内指定变量的值
- If语句只执行第一个条件并运行其他条件,但没有结果
- 我应该如何应用if-else条件来向具有不同用户角色的人显示不同的菜单
- JavaScript中的温度转换器(IF ELSE条件)
- 带有 AJAX 响应或 AJAX 响应的 IF 条件.响应.Text 不起作用
- Javascript同时执行If和Else条件(PHP)
- 在条件(if)结构的条件语句中是否有定义变量的有效方法
- 在多个条件 if 语句中什么条件是假的
- 如何仅在jquery多条件if语句中运行特定条件的代码
- 谷歌应用程序脚本条件if语句
- 哪一种方法更快?条件IF或数学公式
- 使用goTo()的条件if / else检查跳过引导过程中的步骤
- JavaScript中的正则表达式条件if-then
- AngularJs -当作用域值改变时检查条件(if - else)
- 如何使用下划线模板编写条件if语句
- 使用条件if退出程序
- 条件if对于许多值,更好的方法