AngularJS_controller2

by Ashley li

HTML

<div ng-app="modelTest" ng-controller="MsgController"> <span>DIV 綁定ng-click :</span>

    <div ng-click="item1='HI,你好 =)'" style="color:blue;">{{item1 || "點我" }}</div>
    <br/>
    <div> <span>button 綁定ng-click :</span>

        <input type="text" ng-model="print" />
        <button ng-click="print='HI,你好 =)'">點我</button>
    </div>
    <br/>
    <div> <span>筆數 : {{count || 0}} 
             <button ng-click="count=count+1" ng-init="count=0">筆數 +1</button>
            </span> 
    </div>
    <br/>
    <div>
        <button ng-click="Say()">觸發controller的方法</button>
    </div>
</div>

JavaScript

var modelA = angular.module('modelTest', []);
modelA.controller('MsgController', function ($scope) {
    $scope.Say = function () {
        alert("HI !");
    };
});