ng-init pass value by new obj
Question
<!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl2" ng-init="person = new Person('John','Doe')"> First Name: <input type="text" ng-model="person.firstName"><br> Last Name: <input type="text" ng-model="person.lastName"><br> <br> Full Name: {{person.sayGreeting('1')}} </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl2', function ($scope) { function Person(fName,lName){ this.firstName = fName; this.lastName = lName; this.sayGreeting = function(lan){ if(lan=="1") return '1 : ' + this.firstName+' '+this.lastName; else return '2: ' + this.firstName+' '+this.lastName; } } } }); </script> </body> </html>
1 answers
solution1
1 2017-09-25 21:50:02
This is a code with a few modifications, I hope it can help you.
<!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body> <div ng-app="myapp" ng-controller="myCtrl2" ng-init="person = Person('John','Doe')"> First Name: <input type="text" ng-model="person.firstName"><br> Last Name: <input type="text" ng-model="person.lastName"><br> <br> Full Name: <label>{{sayGreeting('1')}}</label> </div> <script> var app = angular.module('myapp', []); app.controller('myCtrl2', function ($scope) { $scope.person={}; $scope.Person= function(fName,lName){ $scope.person.firstName = fName; $scope.person.lastName = lName; return $scope.person; } $scope.sayGreeting = function(lan){ if(lan=="1") return '1 : ' + $scope.person.firstName+' '+ $scope.person.lastName; else return '2: ' + $scope.person.firstName+' '+ $scope.person.lastName; } }); </script> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Pass value to a function in ng-init
how to pass value to directive as a parameter of ng-init
Pass JavaScript variable into AngualrJs ng-init
How to change ng-init value with function?
Dynamic ng-init set value in Angularjs
Default value of select using ng-init
Angular select, ng-init with dynamic value
ng-init only if value is null/undefined
get ng-init value from scope
How to set new value of the Angular directive “ng-init” depending on the value of a <select> dropdown box?
Related Tags