AngularJS注意的一些小点

本人刚刚接触AngularJS,还不太熟悉,就说说我目前遇到的一些注意点吧。

  1、调用外来文件script文件

MVC设计模式

html文件

<!DOCTYPE html>
<html >
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <body>

    //ng  表示 angular ,ng-app放在这一行的div上,就决定与Angular脚本放哪里,表示作用于只在这一行内的div有效;ng-controller 表示控制器;greeting.text 表示 module参数

    //注意: 调外来文件的时候,ng-app 不需要带参数,如:ng-app="myAPP"
    <div ng-app ng-controller="HelloAngular"> 
      <p>{{greeting.text}},Angular</p>
    </div>
    <script type="text/javascript" src="js/angular.min.js" ></script>//angularJs的封装好的文件
    <script type="text/javascript" src="js/angular.js" ></script>//自己写的script外来文件
  </body>
</html>

scrript文件

//不需要(function(){表达式})();只需要一个函数 function  HelloAngular(ng-controller的参数){表达式}

function HelloAngular($scope){
  $scope.greeting = {
    text : ‘hello‘
  };
}

时间: 2024-10-15 15:08:34

AngularJS注意的一些小点的相关文章

AngularJS实现的一些小功能

演示AngularJS简单的双向绑定功能示例 数据双向绑定这应该算Angular比较特有的属性,概括来说,Angular通过监听变量的变化来实现双向数据绑定.传统技术上,当model改变时,开发与人员需要手动处理DOM元素并将属性反映到变化中.而在Angular中,程序员可以轻轻松松解决这种问题,省掉了很多的代码. <!--本示例演示AngularJS简单的双向绑定功能--> <!doctype html> <!--html标签上加了一个 ng-app属性,意思是整个HTML

AngularJS设置文本样式小程序

做了一个这样的程序通过选择框选择样式,下面的段落样式跟着改变.就是想做这么一个东西. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 select{margin-righ

angularjs的一些优化小技巧

尽可能少调用 ng-repeat ng-repeat默认会创建很多监听器,所以在数据量很大的时候,这个非常消耗页面性能,我觉的只有在当需要经常更新数据列表的时候才需要用ng-repeat,要不然放那么多的监听器在那里也是浪费,这时候可以用ng自带的$interpolate服务来解析一个代码片段,类似于一个静态模板引擎,它的内部主要依赖ng核心解析服务$parse,然后把这些填充数据之后的代码片段直接赋给一个一次性的模型性就可以. 尽量在指令里写原生语法 虽然ng提供了很多的指令比如ng-show

Angularjs做的一个小页面

<!DOCTYPE html><html lang="en" ng-app="todolist"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/> <script src=

angularJs开发中的小问题集锦之新建controller中单个对象数组元素不能绑定

angular版本:1.2.26 <div class="checkbox col-md-12 {{m.state ? 'selected' : ''}}" ng-repeat="m in ksType| filter:keyWords">      <label>         <input type="checkbox" ng-model="m" ng-checked="m.sta

AngularJS入门基础系列—目录索引

AngularJS 特性 单页Web应用(SinglePage) 模板(template) Controller(控制器) Route(路由) Directive(指令) Filter(过滤器) AngularJS实现的一些小功能 演示AngularJS简单的双向绑定功能示例 菜单切换示例 TODOLIST的示例 冒泡排序算法视觉化 AngularJS介绍 我对AngularJS框架的理解

【翻译】ExtJS vs AngularJS

原文:ExtJS vs AngularJS ExtJS和AngularJS是两个行业内率先的富界面开发框架.TechFerry有机会使用Ext JS和Angular JS来开发多个富界面的单页面应用程序.本文讲述的就是使用这两种技术来开发多个应用程序后的开发体验.本文环绕利弊.架构.測试.移动能力.性能.生成和部署等方面对Ext JS和Angular JS进行了超过30个以上的要点进行了比較. 我们将通过使用Ext JS和Angular JS开发一个測试应用程序来了解架构细节,以便进行具体的性能

你好,迟到的2016

大三下学期开始自学的前端,断断续续半年多,开始找前端相关的工作:到现在,走过了毕业期的十字路口,已经工作一年了:好吧,严重掉底子了,我是个比较懒的人...既然起步较晚,那么就只有马不停蹄的追赶了,奔跑吧,小前端! 写这个2015的年终总结,没什么经验之谈,只是继往开来,反省反省:继续追逐大神们的脚步,偶尔站在巨人的肩膀上眺望下未来! 一.原谅我,Jquery: 工作之前,那时什么基础都没有,只是逼于即将毕业后的压力,百度到了前端开发,就直接从原生JS开始学了:学不动了,问了下认识的计算机系的学长

开发Ionic应用前Angular js必备知识

Angular js是一个Web应用框架,它极其流行,已经成为目前使用最广泛的Javascript工具之一.Ionic基于AngularJS构建而成,所以学习一些AngularJS的知识很有必要.Ionic并没有独立开发一套完整的Web应用框架,而是对AngularJS进行了扩展,给它添加了大量界面组件和其他的移动端友好的特性. 本篇文章会带你了解AngularJS的核心知识并介绍一些基础知识.我们学会控制器,顾名思义,它会控制(control)你的数据.接着我们介绍作用于,它会连接控制器和用户