Question

我的控制器中有一个$scope变量。最初它会加载一个值。

我的要求是我想在点击按钮时更新$scope变量值。

请让我知道如何实现这一点。我是Angular的新手。

var userName='UserName';

   tepTableModule.controller('tepTableCtrl',function($scope,Service,$filter) {
       $scope.searchText=userName;
       $scope.refreshData = function() {

//when refreshData function called i want to update $scope.searchText value   to new value.
     $scope.tableData.data = $filter('filter')(tepJobData, $scope.searchText, undefined);
       };
    }

Answer 1

您可以创建功能并通过ng-click调用它：

控制器上的

：

$scope.doSomething = function (){
//do something
}

观看视频：

<button ng-click="doSomething()">Click Me</button>

这就是它，祝你好运

Answer 2

您使用ng-click指令。

它是一个指令，当用户点击元素时，它将在你的控制器中执行一个方法。我们不仅限于方法，它将评估角度表达式，因此可用于在元素上设置标志，增加计数器等。

所以

<!--Execute Method-->
<button ng-click="refreshData()">Refresh</button>
<!--toggle Scope property isDisabled-->
<button ng-click="isDisabled = !isDisabled">toggle disabled</button>
<!--increment count by 1-->
<button ng-click="count += 1">Add 1</button>

控制器为

$scope.refreshData = function () {
    //epic refreshes
}
$scope.isDisabled = false;
$scope.count = 0;

docs：https://docs.angularjs.org/api/ng/directive/ngClick

如何在AngularJs中更新$ scope变量值

2 个答案: