basic ng-model, ng-click

by deathhell

HTML

<div ng-app>
    <div ng-controller="nameCrtl">
        <p>hi, {{yourName || 'Jordan'}}!</p>  
        <input placeholder="input a name." type="text" ng-model="yourName">
        <p>My name is {{name}}</p>
            <button ng-click="replaceName()">重置</button>
            <button ng-click="sayHello()">問好</button>
    </div>
</div>

JavaScript

function nameCrtl($scope) {
    
  $scope.name = "Jason";
    
  $scope.replaceName= function(){
     $scope.yourName="Jordan";   
  }
  $scope.sayHello= function(){
     alert("hi, "+$scope.yourName);   
  }
}