cognos javascript cognos javascript controller

转载

mob64ca13fbd761 2024-02-06 20:10:02

文章标签 cognos javascript ionic angularjs ionic在线学习 controller 文章分类 JavaScript 前端开发

Ionic控制器集成使用了Angularjs controller控制器。
controller模块是ionic的核心模块，承接了数据内容服务与界面显示之间的桥梁作用。

1.1）、Controller定义：

控制器模块定义在项目的www/js/controllers.js

1.2）、Controller语法：

angular.module(‘module name’, [依赖模块])
.controller(‘controller name’, function (各种全局变量，scope，service这些，需要用到的全局性的东西都需要在此申明)

1.3）、Controller实例：

定义：

angular.module(‘selectExample’, [])
    .controller(‘ExampleController‘, [‘$scope’, function ($scope) {
        $scope.colors = [
            {
                name: ’black’,
                shade: ’dark’
            },
            {
                name: ’white’,
                shade: ’light’,
                notAnOption: true
            },
            {
                name: ’red’,
                shade: ’dark’
            },
            {
                name: ’blue’,
                shade: ’dark’,
                notAnOption: true
            },
            {
                name: ’yellow’,
                shade: ’light’,
                notAnOption: false
            }
];
        $scope.myColor = $scope.colors[2]; // red
}]);Html中使用：

<div ng-controller=”ExampleController“>
            <ul>
                <li ng-repeat=”color in colors”>
                    <label>Name:
                        <input ng-model=”color.name”>
                    </label>
                    <label>
                        <input type=”checkbox” ng-model=”color.notAnOption”> Disabled?</label>
                    <button ng-click=”colors.splice($index, 1)” aria-label=”Remove”>X</button>
                </li>
                <li>
                    <button ng-click=”colors.push({})”>add</button>
                </li>
            </ul>
        </div>