📝 AngularJS教程
376篇技术文档📅  最后修改于: 2020-10-27 02:52:34        🧑  作者: Mango
AngularJS通过在单个页面上的多个视图来支持Single Page Application。为此,AngularJS提供了ng-view和ng-template指令以及$ routeProvider服务。ng-view指令ng-view指令仅创建一个占位符,可根据配置在其中放置相应的视图(HTML或ng-template视图)。用法在主模块中使用ng-view定义div。ng-templat...
📅  最后修改于: 2020-10-27 02:52:55        🧑  作者: Mango
范围是一个特殊的JavaScript对象,用于将控制器与视图连接起来。范围包含模型数据。在控制器中,通过$ scope对象访问模型数据。上例中考虑了以下要点-$ scope在其构造函数定义期间作为第一个参数传递给控制器。$ scope.message和$ scope.type是HTML页面中使用的模型。我们为应用程序模块中反映的模型分配值,该模块的控制器为shapeController。我们可以在...
📅  最后修改于: 2020-10-27 02:53:16        🧑  作者: Mango
AngularJS支持使用服务体系结构的关注点分离的概念。服务是JavaScript函数,仅负责执行特定任务。这使它们成为可维护和可测试的单个实体。控制器和过滤器可以根据需要调用它们。通常使用AngularJS的依赖项注入机制注入服务。AngularJS提供了许多内置服务。例如,$ http,$ route,$ window,$ location等。每个服务都负责特定任务,例如$ http用于进行...
📅  最后修改于: 2020-10-27 02:53:48        🧑  作者: Mango
依赖注入是一种软件设计,其中为组件提供了相关性,而不是在组件中对其进行硬编码。它使组件不必查找依赖关系,并使依赖关系可配置。它还有助于使组件可重用,可维护和可测试。AngularJS提供了一种最高的依赖注入机制。它提供了以下核心组件,它们可以作为依赖项相互注入。值厂服务提供者不变值值是一个简单的JavaScript对象,在配置阶段(配置阶段是AngularJS自身启动时),需要将值传递给控制器。厂...
📅  最后修改于: 2020-10-27 02:54:15        🧑  作者: Mango
在AngularJS中使用自定义指令来扩展HTML的功能。自定义指令是使用“指令”函数定义的。自定义指令仅替换被激活的元素。引导过程中,AngularJS应用程序会找到匹配的元素,并使用其自定义指令的compile()方法进行一次活动,然后根据该指令的范围使用自定义指令的link()方法处理该元素。 AngularJS支持为以下类型的元素创建自定义指令。元素指令-当遇到匹配的元素时,指令将激活。属...
📅  最后修改于: 2020-10-27 02:54:36        🧑  作者: Mango
AngularJS支持三种类型的过滤器的内置国际化:货币,日期和数字。我们只需要根据国家/地区的语言环境合并相应的Java脚本即可。默认情况下,它考虑浏览器的语言环境。例如,对于丹麦语言环境,请使用以下脚本-使用丹麦语言环境的示例testAngularJS.htm现场演示输出在网络浏览器中打开文件testAngularJS.htm并查看结果。使用浏览器语言环境的示例testAngularJS.ht...
📅  最后修改于: 2020-10-27 02:54:48        🧑  作者: Mango
我们提供了Todo应用程序的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。我们包含了javascript,例如angular-route.js和base.js。此处提供源代码...
📅  最后修改于: 2020-10-27 02:55:01        🧑  作者: Mango
我们提供了记事本应用程序的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。我们包含了诸如myNoteApp.js和myNoteCtrl.js之类的JavaScript。此处提供源代码...
📅  最后修改于: 2020-10-27 02:55:13        🧑  作者: Mango
我们提供了Bootstrap应用程序的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。此处提供源代码...
📅  最后修改于: 2020-10-27 02:55:25        🧑  作者: Mango
我们提供了登录应用程序的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。此处提供源代码...
📅  最后修改于: 2020-10-27 02:55:41        🧑  作者: Mango
我们提供了一个上传文件的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。以下示例显示了如何使用AngularJS上传文件。现场演示结果在网络浏览器中打开上面保存的代码文件。查看结果。...
📅  最后修改于: 2020-10-27 02:55:53        🧑  作者: Mango
我们提供了一个内联应用程序示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。使用此应用,我们可以更改嵌入式文本,如下所示-此处提供源代码...
📅  最后修改于: 2020-10-27 02:56:05        🧑  作者: Mango
我们提供了Nav菜单应用程序的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。此处提供源代码...
📅  最后修改于: 2020-10-27 02:56:16        🧑  作者: Mango
我们提供了“切换”菜单的示例。为了开发这个应用程序,我们使用了HTML,CSS和AngularJS。此处提供源代码...
📅  最后修改于: 2020-10-27 02:56:27        🧑  作者: Mango
我们提供了一个订购单示例。为了开发该应用程序,我们使用了HTML,CSS,Script.js和AngularJS。此处提供源代码...