[angularjs]hello world

转载 2013年12月01日 20:54:26
<!doctype html>
<html ng-app>
  <head>
    <script src="../angular.min.js"></script>
    <script>
		function TodoCtrl($scope) {                               
		  $scope.todos = [                                        
		    {text:'learn angular', done:true},                    
		    {text:'build an angular app', done:false}];           
		                                                          
		  $scope.addTodo = function() {                           
		    $scope.todos.push({text:$scope.todoText, done:false});
		    $scope.todoText = '';                                 
		  };                                                      
		                                                         
		  $scope.remaining = function() {                        
		    var count = 0;                                       
		    angular.forEach($scope.todos, function(todo) {       
		      count += todo.done ? 0 : 1;                        
		    });                                                  
		    return count;                                        
		  };                                                     
		                                                         
		  $scope.archive = function() {                          
		    var oldTodos = $scope.todos;                         
		    $scope.todos = [];                                   
		    angular.forEach(oldTodos, function(todo) {           
		      if (!todo.done) $scope.todos.push(todo);           
		    });                                                  
		  };                                                     
		}     	
    </script>
    <style>
		.done-true {
		  text-decoration: line-through;
		  color: grey;
		}
    </style>
  </head>
  <body>
    <h2>Todo</h2>
    <div ng-controller="TodoCtrl">
      <span>{{remaining()}} of {{todos.length}} remaining</span>
      [ <a href="" ng-click="archive()">archive</a> ]
      <ul class="unstyled">
        <li ng-repeat="todo in todos">
          <input type="checkbox" ng-model="todo.done">
          <span class="done-{{todo.done}}">{{todo.text}}</span>
        </li>
      </ul>
      <form ng-submit="addTodo()">
        <input type="text" ng-model="todoText"  size="30"
               placeholder="add new todo here">
        <input class="btn-primary" type="submit" value="add">
      </form>
    </div>
  </body>
</html>

Angularjs 开始之Hello world

为什么这样写像所有程序的开始一样,使用 angularjs 也从 Hello world 开始书写 Html 结构 学习 Angularjs1.x ...
  • w_yunlong
  • w_yunlong
  • 2015年12月31日 22:15
  • 159128

AngularJS简单的helloworld示例

一. 首先下载angularJS库文件 angular-1.2.2二. html内容如下 hell angular ...
  • stickallthetime
  • stickallthetime
  • 2015年03月30日 18:51
  • 1943

将字符串【"Hello world" 】 倒序结果为【"world Hello " 】

将字符串【"Hello world" 】 倒序结果为【"world Hello " 】 具体代码如下: public void exchange(){     Strin...
  • DreamTL
  • DreamTL
  • 2017年01月14日 09:05
  • 917

你知道Hello World程序的由来吗?

Hello World是一个最著名的程序。对每一位程序员来说,这个程序几乎是每一门编程语言中的第一个示例程序。实际上,这个程序的功能只是告知计算机显示Hello World这句话。传统意义上,程序员一...
  • testcs_dn
  • testcs_dn
  • 2016年09月26日 20:56
  • 2600

python第一个hello world注意问题!!

如果你第一次写python代码,想写一个通常的hello world ,那么你需要注意这个hello world的写法,这和python的版本有直接关系!!! Python 3.x: prin...
  • sunylat
  • sunylat
  • 2016年12月24日 10:36
  • 1138

VC6.0创建hello-World程序

最近在看《数据结构》,想用C语言写个算法,想到了用VC6.0,本科期间,对C语言这门课是很自豪的,无奈时间长没 碰,一个helloWorld都写不成了。看来语言和IDE都是要经常去碰的,否则真的会生疏...
  • UP19910522
  • UP19910522
  • 2014年09月18日 11:02
  • 5703

输出"HELLO WORLD" ASM

;法一 stack segment stack ; 定义堆栈段 db 100 dup(?) ;堆栈段长100字节, 这里db就是字节的意思,如果是用dw就是字,100 dup(?) 中的dup是重复...
  • zcdy810
  • zcdy810
  • 2012年11月07日 09:07
  • 1221

HDU3257 Hello World!【打印图案+位运算】

问题链接:HDU3257 Hello World!。 问题简述:参见上述链接。 问题分析:图案输出,关键在于读懂题意。 程序说明: 需要注意16进制数的输入方法。 需要注意位运算。 需要注意用方便的...
  • tigerisland45
  • tigerisland45
  • 2017年05月18日 22:36
  • 727

驱动版Hello World

我们学习程序设计,都是从“Hello World”开始的,驱动程序也不例外,今天我就写一个驱动版的“Hello World”来热热身,目的希望大家能对驱动程序的基本框架有所了解。驱动程序分为2类,一个...
  • zhangjie0072
  • zhangjie0072
  • 2006年06月01日 21:00
  • 3344

将一串字符(hello world I am c_player)反转为(c_player am I world hello)

hello world I am c_player >> c_player am I world hello 如果将转换后的字符串中的每个单词进行反转得到 re...
  • Linux_Daemon
  • Linux_Daemon
  • 2017年05月02日 09:41
  • 440
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[angularjs]hello world
举报原因:
原因补充:

(最多只允许输入30个字)