Demo on $scope

<html ng-app="myApp">

<head>
    <script src="angular.min.js"></script>
    <script>
        var productApp = angular.module("myApp", []);
        console.log("myApp called");
        productApp.controller("myController", function ($scope) {
            console.log("myController called");
            $scope.showProducts = function () {
                console.log("showProducts called");
                $scope.products = ["Samsung", "Apple"];
                console.log($scope.products);
            }
        });
    </script>
</head>

<body>
    <div ng-controller="myController">
        <a href="#" ng-click="showProducts()">Show Products</a> {{products}}
    </div>
</body>

</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s