web前端开发

AngularJS

AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。

  • HTML
  • CSS
  • HTML5
  • CSS3
  • JavaScript

AngularJS

  • AngularJS快速入门教程-04

    AngularJS快速入门教程-04

    为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-08

    AngularJS快速入门教程-08

    到现在为止,我们使用是硬编码的三条手机记录数据集。现在我们使用AngularJS一个内置服务$http来获取一个更大的手机记录数据集。我们将使用AngularJS的依赖注入(dependency injection (DI))功能来为PhoneListCtrl控制器提供这个AngularJS服务。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-12

    AngularJS快速入门教程-12

    现在转到一个手机详细信息页面。在上一步,手机详细页面显示“true”或者“false”来说明某个手机是否具有特定的特性。现在我们使用一个定制的过滤器来把那些文本串图形化:√作为“true”;以及×作为“false”。来让我们看看过滤器代码长什么样子。

    admin:杨小二时间:2019-08-12

    阅读全文
  • 详解AngularJS的通信机制

    详解AngularJS的通信机制

    现在几乎满世界的人都在问! 外面有人么? 这里是 USS AngularJS, 我们遇到麻烦了,我们的服务讲得是克灵贡语(Klingon) 而我们的控制器不能同它们的Ferengi 指令通信了. 有人能帮助我们么!我已经不知道有多少次遇到这种有关什么才是AngularJS里面的组件通信的最佳方式这样的问题了. 很多时候答案都会是为此使用 $rootScope 对象去向任何想要收听的人广播$broadcast出一条消息. 然而,那还真不是做这件事的最佳方式. 组件之间广播消息意味着它们需要多少知道一些其它组

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-03

    AngularJS快速入门教程-03

    我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-07

    AngularJS快速入门教程-07

    在这一步你会增加一个让用户控制手机列表显示顺序的特性。动态排序可以这样实现,添加一个新的模型属性,把它和迭代器集成起来,然后让数据绑定完成剩下的事情。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-11

    AngularJS快速入门教程-11

    在这一步,你将实现手机详细信息视图,这个视图会在用户点击手机列表中的一部手机时被显示出来。

    admin:杨小二时间:2019-08-12

    阅读全文
  • 举例讲解AngularJS中的模块

    举例讲解AngularJS中的模块

    AngularJS支持模块化的方法。模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。我们在单独的js文件中定义的模块,并将其命名为按照module.js文件形式。在这个例子中,我们要创建两个模块。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-02

    AngularJS快速入门教程-02

    学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设备,然后查看设备的详细信息。

    本教程将向您展示AngularJS怎样使得web应用更智能更灵活,而且不需要各种扩展程序或插件。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-06

    AngularJS快速入门教程-06

    我们在上一步做了很多基础性的训练,所以现在我们可以来做一些简单的事情喽。我们要加入全文检索功能(没错,这个真的非常简单!)。同时,我们也会写一个端到端测试,因为一个好的端到端测试可以帮上很大忙。它监视着你的应用,并且在发生回归的时候迅速报告。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS 开发者最常犯的 10 个错误

    AngularJS 开发者最常犯的 10 个错误

    AngularJS是一个很不错的框架,并且和它的社区一起发展着。符合习惯的AngularJS仍旧是一个正在发展的概念,但希望以上这些对于规划一个AngularJS应用时会出现的陷阱可以被避免。  

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-01——快速入门

    AngularJS快速入门教程-01——快速入门

    应用程序逻辑和行为是您用JavaScript定义的控制器。AngularJS与标准AJAX应用程序不同,您不需要另外编写侦听器或DOM控制器,因为它们已经内置到AngularJS中了。这些功能使您的应用程序逻辑很容易编写、测试、维护和理解。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-05

    AngularJS快速入门教程-05

    是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试。

    一个应用的代码架构有很多种。对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点。考虑到这一点,我们用AngularJS来为我们的应用添加一些模型、视图和控制器。

    admin:杨小二时间:2019-08-12

    阅读全文
  • AngularJS快速入门教程-09

    AngularJS快速入门教程-09

    这一步,你会为手机列表的手机添加缩略图以及一些链接,不过这些链接还不会起作用。接下来你会使用这些链接来分类显示手机的额外信息。

    admin:杨小二时间:2019-08-12

    阅读全文