当前位置:首页 > 日记 > 正文

Angular.Js中ng-include指令的使用与实现

Angular.Js中ng-include指令的使用与实现

前言

大家如果想在angularjs动态加载一个内容,那我们就可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中,举个例子来演示它的功能。

示例介绍

你可以在一个视图动态加载任一其它视图。如果你的动态内容有很多部件,你得需要在控制器创建相应的Action操作,如使用部分Partial view就不必创建相对应的Action。因此这是Insus.NET所喜欢的。

另外,我们还需要为ng-include的链接带些参数呢!!!

因此,参数,即是使用model来实现:

由于ng-include的链接,直接给部分视图名称或路径,视图无法直接Render部分视图的。

那我们想一个办法,写一个公用的视图,所有部分视图均加载在这个公用的视图即可,使用这个公用的视图去Render这些部分视图。

在CommonView操作Action中,我们传入一个model,是为了后面传递参数准备的。

接下来,我把这个视图写好:

渲染部分视图的Action创建完毕。其也没有过多html的代码。

下面创建2个部分视图,当然实际环境中,也许不止2个啦。

部分视图_View1:

部分视图2:

前面一切准备好,均是为了下面ng-include的演示:

程序运行结果:

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者使用Angular.js能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

相关文章

Fireworks怎么给调色?

Fireworks怎么给调色?

电脑软件,Fireworks,Fireworks是一款不错的平面设计软件,今天我们就来看看使用这个软件给图片上色的教程。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-091、在Fireworks中打开一张黑白图,然后用魔术棒工具做选区2…

让服务器iis支持.apk文件下载的设

让服务器iis支持.apk文件下载的设

文件下载,支持,设置,服务器,方法,IIS服务器不能下载.apk文件的解决办法:既然.apk无法下载是因为没有MIME,那么添加一个MIME类型就可以了随着智能手机的普及,越来越多的人使用手机上网,很多网站也应手机上网的需要推出了网站客户端,.apk文件就是…

JS设计模式之惰性模式(二)

JS设计模式之惰性模式(二)

模式,设计模式,惰性,电脑软件,JS,惰性模式:减少代码每次执行时的重复性判断,通过重新定义对象来避免原对象中的分支判断,提高网站性能。例如针对不同浏览器的事件注册方法:var AddEvent = function(dom, type, fn){ if(dom.addEventListener){ …

cdr X8未找到字体该怎么解决?

cdr X8未找到字体该怎么解决?

字体,该怎么,未找到,电脑软件,cdr,Coreldraw x8未找到字体, 该应用程序可能未正确安装。软件名称:CorelDRAW X8 64位 简体中文安装免费版(附序列号)软件大小:547.9MB更新时间:2016-11-231、开始菜单找到Corel Font Manager X8,按住F8,点开Font M…

浅谈关于angularJs中使用$.ajax的

浅谈关于angularJs中使用$.ajax的

浅谈,电脑软件,angularJs,ajax,本文介绍了关于angularJs中使用$.ajax的注意点,分享给大家,具体如下从技术上来讲,angular 与 jquery混用,是一件不太合适的,但是为什么这个话题争论至今依旧仁者见仁智者见智,除了便捷度,还有可能就是jquery有些地方…

vue时间格式化实例代码

vue时间格式化实例代码

实例代码,时间格式化,电脑软件,vue,整理文档,搜刮出一个vue时间格式化实例代码,稍微整理精简一下做下分享。export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ''…

excel表格的保存到桌面的方法

excel表格的保存到桌面的方法

方法,桌面,表格,电脑软件,excel,  Excel表格里的图片具体该如何保存到桌面上呢?接下来是小编为大家带来的excel表格的图片保存到桌面的方法,供大家参考。excel表格的图片保存到桌面的方法:  图片保存桌面步骤1:打开Excel文档,点击另存为,选…

cdr怎么关闭图形文件? cdr快速关闭

cdr怎么关闭图形文件? cdr快速关闭

文件,图形,教程,快速,电脑软件,为了避免占用太多的内存空间,完成文件的编辑后,可以将当前的文件关闭,这样可以大大提高电脑的运行速度。本教程将详细介绍关闭图形文件的步骤和方法。软件名称:CorelDRAW X7 简体中文正式版软件大小:419MB更新时间…

win10没有ie浏览器

win10没有ie浏览器

浏览器,电脑软件,win10系统系统升级之后,很多用户都找不到IE浏览器的位置了,那么这时候就可以通过以下方法去找到并且打开IE浏览器。1、鼠标右键点击开始菜单,选择“控制面板”;2、在控制面板窗口中,点击“程序”选项进入;…

Photoshop合成骑士站在山间瞭望城

Photoshop合成骑士站在山间瞭望城

骑士,站在,山间,城堡,场景,今天小编为大家分享Photoshop合成骑士站在山间瞭望城堡的场景方法,教程很不错,值得大家学习,有兴趣的朋友也可以自己学习一下哦!这次的教程是我模仿国外高手的作品,这段时间迷恋上各种高端合成,看了很多,高手对细节的把…

浅谈js基础数据类型和引用类型,深

浅谈js基础数据类型和引用类型,深

深浅拷贝,基础数据类型,引用类型,内存分配,浅谈,js 深浅拷贝问题浅拷贝一般指的是基本类型的复制深拷贝一般指引用类型的拷贝,把引用类型的值也拷贝出来举例h5的sessionStorage只能存放字符串,所以要存储json时就要把json使用JSON.stringify(…

AngularJS使用ocLazyLoad实现js延

AngularJS使用ocLazyLoad实现js延

延迟加载,电脑软件,AngularJS,ocLazyLoad,js,最近开发一个系统遇到了一个问题,用angular路由一个html片段,该片段需要使用一个js插件来实现一个富文本编辑器。关键问题在于必须要在片段加载后通过js与dom元素进行绑定。一开始想当然以为直接…