展开

关键词

AngularJS】 # AngularJS入门

AngularJS 扩展了 HTML AngularJS 通过 ng-directives扩展了HTML ng-app 指令定义一个 AngularJS 应用程序。 若不声明,将直接显示表达式。 AngularJS 服务(service) 在 AngularJS 中,服务是一个函数或对象,可在 AngularJS 应用中使用。 7.1. AngularJS 选择框(select) AngularJS 可以使用数组或对象创建一个下拉列表选项。 8.1. AngularJS HTML DOM AngularJS 为 HTML DOM 元素的 属性 提供了绑定应用数据的指令。 AngularJS 实例 <!

6960

选用TypeScript开发AngularJS2

AngularJS开发模式可以有多种方案,本人选择以下的方案目标解决下面几个目的: 1. 强类型语言使用惯了,养成了一些习惯,在javascript这在弱类型语言开发中常常掉坑。 对于从java转到前台开发的人来说,简直是意外啊。 3.前端模块化开发一直是我这样的懒人的理想。 简单写点攻略,抛砖引玉: 首先,TypeScript相关 TypeScript仍然是一种解释型语言,TypeScript语言的源码编译后成了符合AngularJS2框架标准的Javascript AngularJS用TypeScript开发,需要搭建一个脚手架。 Angular-cli是AngularJS框架原生的脚手架,并且当下似乎已经完成了1.0版本,然后移动到了@angular/cli中,和AngularJS融为一体了。

8220
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularJS】—— 1 初识AngularJs

    怀着激动与忐忑的心情,开始了学习AngularJS的旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关的工作,因此也没有进行学习。 这次正好学习AngularJS,直接复习一下前端的知识。目前这里还是弱点,慢慢深入的学习。   AngularJS是Google的优秀的前端框架,目前已经应用于多个产品。    AngularJs相对于其他的框架来说,有一下的特性:   1 MVVM   2 模块化   3 自动化双向数据绑定   4 语义化标签   5 依赖注入   由于很多概念都不了解,这些特性也无法理解。 通过简单的学习,大致了解了AngularJS的语法以及使用,包括如下的内容: 1 表达式   支持普通的JS表达式,表达式通过{{}}使用。 p>姓名:<input type="text" ng-model="firstName">

    你输入的为: {{ firstName }}

      ng-app 定义AngularJS

    27090

    ionic之AngularJS扩展2 移动开发

    内联模板 : script 可能你没有注意过,HTML中常用的script标签在AngularJS中被重新定义了: 除了原来的脚本声明功能之外,如果script元素的type属性 定义为text/ng-template

    </script> 内联模板在单页应用(SAP)开发中非常有用。SAP应用通常需要通过AJAX 从后台载入众多的HTML片段,这些HTML片段都用文件存放的话,看起来、想起来 都很不爽。 使用内联模板,就可以把这些零散的HTML片段模板都集中在一个 文件里,维护和开发的感觉都会好很多。 AngularJS在编译时会将内联模板的id属性值和其内容,分别作为key 和value,存入$templateCache管理的hash表中: ? 使用内联模板 内联模板的使用,常见的有几种情况。 templateCache}) .success(function(d,s){..}) .error(function(d,s){...}); 路由机制 : 状态机 对于视图的路由,ionic没有使用AngularJS

    28820

    AngularJS】—— 2 初识AngularJs(续)

    前一篇了解了AngularJS的一些简单的使用,这里继续跟着w3c学习一下剩下的内容。    本篇根据w3cschool.cc继续学习AngularJS剩余的内容,包括:   1 事件   2 模块   3 表单   4 数据验证   5 bootstrap CSS风格   6 include包含其他页面 $scope.myVar; }; } </script>   关于AngularJS的模块   模块定义了用户的应用,所有的控制器属于一个模块。之前使用的ng-app就是模块的定义。    src="myCtrl.js"></script> </body>   对于控制器,也可以通过模块来定义声明: <head> <script src="//www.w3cschool.cc/try/<em>angularjs</em> 关于<em>AngularJS</em>表单   表单是web中重要的组成部分,如下面样例所示,可以很方便的获取到form中的数据 <div ng-app="" ng-controller="formController

    33980

    AngularJS

    scope:单个controller的作用域。可以直接在某controller下的页面引用scope下的变量 rootScope:多个controller作...

    28130

    Angular企业级开发(1)-AngularJS简介

    AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,使用它能够高效的开发桌面web app和移动端应用 AngularJS由Google公司开发而且开源出来,给所有开发者使用。前端基于Bootstrap+AngularJS框架,后端基于RESTful服务框架开发的应用越来越多。 生成的新的html标签就是指令,AngularJS内置了非常多的质量,比如:ng-repeat,ng-app,ng-controller等等。当内置指令不够时,开发者可以根据业务需求自定义开发指令。 AngularJS相比其他框架 目前主要流行的几大框架: 1.jQuery 2.React 3.Vue.js 4.Ember.js 以上四个框架都有自己的开发者,每个框架都有自己的优点和缺点。 在实际项目开发者,还是要根据团队成员对框架的掌握程度来决定。但是我们还是推荐大家使用AngularJS

    40780

    AngularJS 模块

    现在你可以在 AngularJS 应用中添加控制器,指令,过滤器等。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 模块让所有函数的作用域在该模块下,避免了该问题。 ---- 什么时候载入库? 在我们的实例中,所有 AngularJS 库都在 HTML 文档的头部载入。 在我们的多个 AngularJS 实例中,您将看到 AngularJS 库是在文档的 <head> 区域被加载。 另一个解决方案是在 <body> 元素中加载 AngularJS 库,但是必须放置在您的 AngularJS 脚本前面: AngularJS 实例 <!

    9520

    AngularJs(3)

    <script type="text/javascript" src="angular.min.js"></script>

    20820

    AngularJS XMLHttpRequest

    $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 $http.delete $http.jsonp $http.patch 读取 JSON 文件 以下是存储在web服务器上的 JSON 文件: https://www.runoob.com/try/angularjs $http AngularJS $http 是一个用于读取web服务器上数据的服务。 通用方法实例 AngularJS1.5 以上版本 - 实例 var app = angular.module('myApp', []); app.controller('siteCtrl', AngularJS 应用通过 ng-app 定义。应用在

    Angularjs SPA开发的一些经验分享

    在去年到今年参与使用Angularjs作为客户端开发框架的项目开发。主要利用asp.net web api作为restfull服务提供框架和angularjs结合。 是属于经典MVC模式,但在1.0把scope独立注入过后,更倾向于MVVM模式,这将会后续随笔中写道)简化前端开发和使得前端业务逻辑得以分离,view和表现逻辑的分离,更便于维护,扩展。 Angularjs本来就是采用TDD开发的,提供了一套单元测试组件和End 2 End的测试框架。 在这节随便中将讨论的angularjs开发的一些基本准则,为什么会有这篇随便呢,因为看见一些项目对于angularjs的乱用。   11:如果你的公司应用了敏捷开发则,TDD的开发是必备的,angularjs本也是解决javascript测试驱动开发项目。

    29210

    angularjs

    最近在开发过程中,发现一个问题,在使用angularjs的ng-repeat遍历过程中,如果遍历的数组中包含相同的项,则会抛错。 如下例: <!

    29931

    AngularJS应用开发思维之1:声明式界面

    模板通过指令指示AngularJS进行必要的操作。 比如:ng-app指令用来通知AngularJS自动引导应用;ez-clock 指令用来通知AngularJS生成指定的时钟组件。 由于AngularJS更清晰地界定了一个WEB应用的组成部分,这样,在一个团队中,可以有人负责 实现指令,有人负责开发模板,各自干擅长的事情,效率更高,成本更低。 与我们所熟悉的对象、函数这类接口完全不同,指令算是一种新型的API,它提供了在 静态化的HTML文件中,植入动态行为的能力: 定义自己的指令 AngularJS内置的指令不能完全满足实际开发的需要,通常我们需要定义自己的指令 起点:声明化 基于前面的示例,我们容易感受到使用AngularJS进行应用开发的一个重要的思维模式: 从构造声明式界面入手。 事实上,我猜测这也是Misko开发AngularJS最初的动机。 在使用AngularJS进行前端开发时,始终应该从构造声明式界面模板开始,如果现成的指令不够 用,那么就定义自己的指令、实现自己的指令。这是一个迭代的过程。

    27110

    AngularJS 事件

    AngularJS 有自己的 HTML 事件指令。 ---- ng-click 指令 ng-click 指令定义了 AngularJS 点击事件。 AngularJS 实例

    AngularJS Bootstrap

    AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架。 Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: <link rel="stylesheet" href ="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 以下是一个完整的 HTML 实例, 使用了 AngularJS 指令和 glyphicon-save"> Save Changes </button>

    <script src = "myUsers.js"></script> </body> </html> 指令解析 AngularJS

    12220

    angularjs技术

    angularjs第一天 五大事件 1、绑定事件 ,ng-model; 2、绑定对应的控制器,ng-controller; 3、绑定对应的APP,ng-app; 4、单击事件,ng-click; 5、初始化事件,ng-init; 引入angularjs,使用angularjs语法 < script src=”…/plugins/angularjs/angular.min.js” type=“ text/javascript”> </ script> 引入pagination分页插件 < script src=”…/plugins/angularjs/pagination.js” type =“text/javascript”> </ script> < link rel=“stylesheet” href=”…/plugins/angularjs/pagination.css”/> app = angular.module(‘pinyougou’,[‘pagination’]); 定义一个控制器,在其控制器中可编写方法,$scope可指代网页中的任何一个元素, $http是angularjs

    5220

    初识AngularJS

    一、AngularJS是什么? AngularJS,简称:ng 它是一款非常优秀的前端高级JS框架 由Misko Hevery等人创建 2009年被Google公司收购,用于其多款产品 有一个全职的开发团队继续开发和维护这个库 这个框架可以轻松构建 然后发送ajax异步请求,将服务端返回的数据渲染到浏览器页面上 三、AngularJS四个特性 MVC(我更倾向于MVVM) 模块化 自动化双向数据绑定 指令系统 四、AngularJS的发展趋势 当前热门前端框架 当前热门前端框架:vue、react 虽然AngularJS正在走向没落,但是我们要知道它背后所带来的价值。

    4920

    AngularJS简介

    AngularJS属性以ng-开头,但是您可以使用data-ng-来让网页对HTML5有效。 什么是AngularJS? AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。 AngularJS 可以隐藏和显示 HTML 元素。 AngularJS 可以在 HTML 元素”背后”添加代码。 AngularJS 支持输入验证。 AngularJS 表达式 AngularJS 表达式写在双大括号内:{ { expression }}。 实例 { { 5 + 5 }} 或 { { firstName + ” ” + lastName }} AngularJS 应用 AngularJS 模块(Module) 定义了 AngularJS

    7020

    AngularJS 指令

    AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。 ng-app指令初始化一个 AngularJS 应用程序。 ng-init指令初始化应用程序数据。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例 在输入框中尝试输入:     姓名:     你输入的为: {{ firstName }} 尝试一下 » ng-app指令告诉 AngularJS, 元素是 AngularJS AngularJS 中的数据绑定,同步了 AngularJS 表达式与 AngularJS 数据。 {{ firstName }}是通过ng-model="firstName"进行同步。

    283100

    相关产品

    • 云开发 CloudBase

      云开发 CloudBase

      云开发(Tencent Cloud Base,TCB)是腾讯云为移动开发者提供的一站式后端云服务,支持小程序、小游戏、Web、APP开发。它帮助开发者统一构建和管理资源,让开发者可以专注于业务逻辑的实现,而无需理解后端逻辑及服务器运维知识,开发门槛更低,效率更高。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券