首页 > Web开发 > 详细

AngularJs 学习笔记(1)

时间:2017-02-06 19:48:36      阅读:224      评论:0      收藏:0      [点我收藏+]

1.主页面通过路由控制页面的跳转和参数传递:

         .state(namesAdd, {
                url: "/names-add",
                templateUrl: "Scripts/spa/names-add.html", //对应的页面
                    //warning: true,
                resolve: {
                deps: requireJS([
                names/namesAdd.controller    //绑定的JS
                 ])
                 },
                 ncyBreadcrumb: {
                 label: Add  Name,       
                 parent: maintainVarietyNamesAddStart  //多级菜单的上一级名
                 }
                })

2.html页面的头部声明代码:

<div ng-controller="namesAddCtrl as namesAdd">
    <form name="namesForm" ng-submit="namesAdd.addName(namesForm.$invalid)" novalidate>
    </form>
</div>

3.对应的JS声明代码:

(function () {
    use strict;
    define([app, webApi/webapi, blocks/modal/modal], function (app) {
        //angular
        //    .module(‘sunflower‘)
        app.controller(namesAddCtrl, namesAddCtrl);
        namesAddCtrl.$inject = [$http, $state, $stateParams, logger, uiGridConstants, webapi, $scope, $uibModal, modal];
        function namesAddCtrl($http, $state, $stateParams, logger, uiGridConstants, webapi, $scope, $uibModal, modal) {
        };
    })
})();

 

AngularJs 学习笔记(1)

原文:http://www.cnblogs.com/Aaron-Lee/p/6371350.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!