How to update $scope variable value in AngularJs

Question

I have a $scope variable in my controller. Initially it will load a value.

My requirement is that I want to update $scope variable value when button click.

Please let me know how can i achieve this.I am newbie to 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);
       };
    }

paste your html snippet as well

Vineet
– Vineet

2015-12-02 11:36:51 +00:00
Commented Dec 2, 2015 at 11:36 — Vineet
– Vineet, Commented Dec 2, 2015 at 11:36
does $scope.searchText = newValue; not work?

Claies
– Claies

2015-12-02 11:49:53 +00:00
Commented Dec 2, 2015 at 11:49 — Claies
– Claies, Commented Dec 2, 2015 at 11:49
@ Claies yes it is working.

gihan-maduranga
– gihan-maduranga

2015-12-02 11:57:05 +00:00
Commented Dec 2, 2015 at 11:57 — gihan-maduranga
– gihan-maduranga, Commented Dec 2, 2015 at 11:57

user2120121 · Accepted Answer · 2015-12-02 11:57:23Z

2

You can make function and call it on ng-click:

on Controller:

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

On View:

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

That's it, good luck

edited Dec 2, 2015 at 11:57

answered Dec 2, 2015 at 11:40

user2120121

6551 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ste2425 Over a year ago

Thats not entirely correct. You have to define your method of your $scope or this if using controller as. This code as it stands won't execute anything as your method is just defined as a normal function.

user2120121 Over a year ago

yes, you are right and that what I meant, anyways, thanks and I will update my answer.

ste2425 · Accepted Answer · 2015-12-02 11:47:13Z

1

You make use of the ng-click directive.

Its a directive that will execute a method in your controller when the user clicks on the element. It us not limited to just methods, it will evaluate an angular expression, so can be used to set flags on elements, increment counters etc.

So

<!--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>

With controller as

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

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

edited Dec 2, 2015 at 11:47

answered Dec 2, 2015 at 11:37

ste2425

4,8473 gold badges26 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to update $scope variable value in AngularJs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related