Angular 简单的Get

<!DOCTYPE html><html ng-app="myApp"><head lang="en">  <meta charset="UTF-8">  <script src="js/angular.js"></script>  <title></title></head><body><div ng-controller="myCtrl">  <button ng-click="getData()">    get请求  </button>  <ul>    <li ng-repeat="tmp in list">      {{"name is "+tmp.name+" age is "+tmp.age}}    </li>  </ul></div><script>  var app = angular.module(‘myApp‘, [‘ng‘]);  app.controller(‘myCtrl‘,    function ($scope,$http) {        $scope.list = [];        $scope.getData = function () {          $http            .get(‘data/test.json‘)            .success(function (result) {              $scope.list = result;            })            .error(function () {              console.log(arguments);            })        }    })</script></body></html>

时间： 2024-10-11 02:42:26

Angular 简单的Get的相关文章

Node.js开发入门—Angular简单示例

在"使用AngularJS"中,我们提到了如何在Node.js项目中引入AngularJS,这次提供一个非常简单的示例,演示AngularJS里的指令.数据绑定.服务等内容. 我准备做Web后台管理系统,不同的管理员会有不同的权限,管理员登录后看到的菜单和他的权限有关,能看到什么,是动态生成的(类似RBAC).本文的示例从这个项目而来,当然,现在还是最简单的. 如果没有特别说明,后面我们用到的示例都使用express generator生成. Angular小demo 先搞起来吧. 第

Angular 简单使用

简单示例,直接上代码 1.Hello World <!DOCTYPE html> <html ng-app="helloworld"> <head> <title>Angular JS (一)Hello World</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

Angular 简单的Post

<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <title></title></head><body><div ng-co

angular简单爬取百度搜索内容提示

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>百度搜索</title> //引入相关插件 <script src="https://cdn.bootcss.com/angular.js/1.3.8/angular.js"></script> <script src="https://c

Angular路由的定义和使用

一.什么是routing(路由) Almost all non-trivial, non-demo Single Page App (SPA) require multiple pages. A settings page is different from a dashboard view. The login page is different from an accounts page(设置页面不同于控制页面,登录页面不同于账号信息页面....就是说一个应用很多功能不同的页面) 我们可以使

Angular 2的安装与使用（Ubuntu15.04）

Angular 2安装前准备安装依赖(g++.libssl-dev) 在安装node.js之前,如果没有安装g++和libssl-dev的,按照以下步骤安装: sudo apt-get install g++ sudo apt-get install 安装nodejs 较旧的版本会产生错误,但较新版本正常. 接下来就是安装node.js了: mkdir tools cd tools/ wget https://nodejs.org/dist/v7.10.0/node-v7.10.0-linux

前端框架Vue、angular、React的优点和缺点

学习web前端开发中,会有很多的框架,那么目前流行的框架有哪些呢? 一.Vue.js: 其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库. Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统. Vue.js的特性如下: 1.轻量级的框架 2.双向数据绑定 3.指令 4.插件化优点: 1. 简单:官方文档很清晰,比 Angular 简单易学. 2. 快速:异步批处理方式更新 DOM. 3. 组合:用解

Vue.js和angular.js的区别

关于Vue的描述: HTML模版+JSON数据,再创建一个Vue实例,就这么简单关于Angular的描述: AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 由此可以看出Vue比Angular相对来说简单一些,在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发

vue，react，angular

一.Vue.js: 其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库. Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统. Vue.js的特性如下: 1.轻量级的框架 2.双向数据绑定 3.指令 4.插件化优点: 1. 简单:官方文档很清晰,比 Angular 简单易学. 2. 快速:异步批处理方式更新 DOM. 3. 组合:用解耦的.可复用的组件组合你的应用程序.