angularjs click事件範例

  • 707
  • 0

ng-click


<script src="~/Scripts/ngcontroller.js"></script>
<div ng-app="myModule">
    <div ng-controller="myController">
        
        <table border="1">
            <thead>
                <tr>
                    <th>name</th>
                    <th>likes</th>
                    <th>dislikes</th>
                    <th>likes/dislikes</th>
                </tr>

            </thead>
            <tbody>
                <tr ng-repeat="a in technolgy">
                    <td>{{a.name}}</td>
                    <td>{{a.likes}}</td>
                    <td>{{a.dislikes}}</td>
                    <td>
                        <input type="button" value="Likes" ng-click="incrumetnLike(a)" />
                        <input type="button" value="DisLikes" ng-click="incrumetnDisLike(a)" />
                    </td>
                </tr>
            </tbody>
        </table>

    </div>

</div>
 

var myApp = angular.module("myModule", []);

myApp.controller("myController", function ($scope) {
    
    var technolgy = [{ name: "C#", likes: 0, dislikes: 0 }
        , { name: "ASP.NET C#", likes: 0, dislikes: 0 }
        , { name: "SQL SERVER", likes: 0, dislikes: 0 }
        , { name: "AngularJS", likes: 0, dislikes: 0 }];
    console.log(technolgy);
    $scope.technolgy = technolgy;

    $scope.incrumetnLike = function (technolgy) {
        technolgy.likes++;
    };

    $scope.incrumetnDisLike = function (technolgy) {
        technolgy.dislikes++;
    };

});