<div class="main"> <div class="header"> <div class="right-bar"> <span class="welcome">当前用户:<b>...</b> <button class="btn btn-info btn-xs"><i class="fa fa-sign-out"></i> 注销</button></span> </div> </div> <div class="mainContent has-shadow"> <div ng-view></div> </div> </div> <script data-main="js/main" src="js/libs/require.js"></script>//只要引用main和require.js
/**
* 入口文件
*/
require.config({
baseUrl: "js/",
paths: {
"jquery": "libs/jquery203",
"angular" : "libs/angular.min",
"angular-route" : "libs/angular-route.min",
"angular-sanitize" : "libs/angular-sanitize.min",
"app" : "controllers/app",
"loadingInterceptor" : "controllers/loadingInterceptor",
"run_stateCtrl" : "controllers/run_stateCtrl",
"route" : "routes/appRoute"
},
shim: {
'angular': {
exports: 'angular'
},
'angular-route':{
deps: ["angular"],
exports: 'angular-route'
},
'angular-sanitize':{
deps: ["angular"],
exports: 'angular-sanitize'
}
}
});
require(['jquery','angular','angular-route','angular-sanitize','app','loadingInterceptor','route','run_stateCtrl'],function ($,angular){
$(function () {
angular.bootstrap(document,["myApp"]);//初始化整app
})
});
/**
* 建立angular.module
*/
define(['angular'], function (angular) {
var app = angular.module('myApp', ['ngRoute','ngSanitize','ajaxLoading']);//引入需要以来的模块
return app;
});
/**
* 路由
*/
define(['app'], function(app){
return app.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'js/views/run_state.html',
controller: 'run_stateCtrl'
})
.when('/xq', {
templateUrl: 'js/views/xq.html',
controller: 'xqCtrl'
})
.otherwise({ redirectTo: '/' });
}])
});
define(['app'], function(app){
return app.controller('run_stateCtrl', ['$scope','$rootScope','$http', function ($scope,$rootScope,$http) {
$rootScope.headTitle = $rootScope.title = "hello,angular!";
$rootScope.appName = $rootScope.span = "angular侧导航";
$scope.getMore = function(){
angular.element('.state').text('正在运行')
};
$http.get('./json/215145.json').
success(function(data) {
$scope.branchs = data.branchs;
});
}])
});
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有