angular-1.2.32路由控制写法与《SPA设计与架构》写法的部分区别

今天在尝试用angularJS写一则简单的单页面程序时，所用ide为idea的angularJS插件，发现了再路由控制写法与之前所读书籍（《SPA设计与架构》作者：Emmit A.Scott）有部分出入。

在用idea创建一个angular app时，给的样例代码如下

view2.html:

<p>This is the partial for view 2.</p>
<p>Showing of 'interpolate' filter:{{ 'Current version is v%VERSION%.' | interpolate }}
</p>

view2.js:

'use strict';angular.module('myApp.view2', ['ngRoute']).config(['$routeProvider', function($routeProvider) {$routeProvider.when('/view2', {templateUrl: 'view2/view2.html',controller: 'View2Ctrl'});
}]).controller('View2Ctrl', [function() {}]);

上段代码可简单理解为，路由到view2视图后，控制器view2ctrll开始起作用

此时我想在控制器view2ctrll给scope绑定参数strs=“测试用的”(用来测试的字符串)，并在view2中显示出来，于是按照书中方式并参考网上所查方式尝试编写代码

view2.html

<div ng-controller="View2Ctrl"><p>This is the partial for view 2.{{strs}}</p>
</div>

view2.js中控制器的写法

.controller('View2Ctrl', [$scope,function($scope) {$scope.strs="测试用的";
}]);

测试发现不起任何作用只会原样显示{{strs}}在网页中

在苦苦在搜不到解决方法后偶然发现解决方法

控制器写法应为

.controller('View2Ctrl', function($scope) {$scope.strs="测试用的";
});

即没有“[ ]”，不用在其里面写组件名，之间在后面函数添加即可。但是在例如“angular.module('myApp.view2', ['ngRoute'])”中时，即模块声明依赖添加方式必须用到“[ ]”来添加依赖项

此外在view2.html中也不必加ng-controller=“控制器名”，此时可正常显示

第一次尝试用angularJS写web还是挺复杂的，功力不够

angular-1.2.32路由控制写法与《SPA设计与架构》写法的部分区别相关推荐

《SPA设计与架构》之客户端路由
原文简书原文:https://www.jianshu.com/p/4d83475f71da 大纲 1.传统路由 2.SPA导航 3.客户端路由器的工作机制 1.传统路由在传统Web应用程序中,导航 ...
【nodejs笔记3】Express基本用法，和路由控制，和模板渲染ejs
1. 路由控制的工作原理 //routes/index.js中的代码//访问主页时,调用ejs模板引擎,渲染index.ejs模板文件,生成静态页面,并显示在浏览器中.router.get('/', ...
Angular之ngx-permissions的路由使用
Angular之ngx-permissions的路由使用介绍现在,你准备开始与控制访问应用程序的状态工作.为了限制任何状态ngx-permission需要依靠 Angular Route 数据属性 ...
Angular Router的组件路由介绍
这是SitePoint Angular 2+教程的第4部分,有关如何使用Angular CLI创建CRUD应用程序. 在本文中,我们将介绍Angular Router,并了解当浏览器URL更改时它如何 ...
Vue Router 实现路由控制实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Vue Router 实现路由控制实战前言一.什么是单页面应用及实现前端路 ...
路由控制——ACL、IP-Prefix List
目录 ACL 基本概念 ACL分类基本ACL的组成 ACL匹配顺序 ACL如何匹配IP地址 ACL应用方式 IP-Prefix List 基本概念配置引用路由控制方式了解到,ACL.IP-Pr ...
h3c BGP路由控制实验
实验拓扑 BGP路由控制实验图 1-1 注:如无特别说明,描述中的 R1 或 SW1 对应拓扑中设备名称末尾数字为 1 的设备,R2 或 SW2 对应拓扑中设备名称末尾数字为 2 的设备,以此类推: ...
[HCIP] 03 - 路由控制之路由策略
路由控制之路由策略一.路由控制二.路由策略三.IP前缀列表四.Filter-Policy 1.Fliter-Policy配置实验 1.1 Filter-Policy之RIP配置 1.2 Fil ...
理解路由控制（路由策略、策略路由）
文章目录前言控制网络流量可达性路由策略路由策略的应用方式 ACL应用 IP-Prefix List应用 Filter-Policy工具介绍 Route-Policy工具介绍策略路由 Traf ...

angular-1.2.32路由控制写法与《SPA设计与架构》写法的部分区别

今天在尝试用angularJS写一则简单的单页面程序时，所用ide为idea的angularJS插件，发现了再路由控制写法与之前所读书籍（《SPA设计与架构》作者：Emmit A.Scott）有部分出入。

angular-1.2.32路由控制写法与《SPA设计与架构》写法的部分区别相关推荐

最新文章

热门文章