angularjs 入门

因为今后可能需要用angular，所以今天开始在这里记录学习angularjs。

一、angularjs 前端为什么需要框架及前端有哪些流行的框架?

1、技术选型需要。公司技术栈。没啥好说的。

2、选址适合自己的，如为什么选择angular，"AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。如游戏，图形界面编辑器，这种DOM操作很频繁也很复杂的应用，和CRUD应用就有很大的不同，它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。"

"AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。

通常，我们是通过以下技术来解决静态网页技术在构建动态应用上的不足：

类库 - 类库是一些函数的集合，它能帮助你写WEB应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery等

框架 - 框架是一种特殊的、已经实现了的WEB应用，你只需要对它填充具体的业务逻辑。这里框架是起主导作用的，由它来根据具体的应用逻辑来调用你的代码。"

现在angularjs缺点是angularjs2 完全推翻了1，所以基于angularjs1的构建是无法升级到angular2 ，而2是面向未来的，现在处于beat版。

而另两大框架 reactjs vuejs 也如火如荼的发展。

二如何快速构建helloword

demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>angularjs</title>
    <script type="text/javascript" src="angular.min.js"></script>
</head>
<body ng-app>
    <input type="text" ng-model="customer">
    <h1>{{customer}}</h1>
</body>

　　--ng-app指令声明所有被其包含的内容都属于angularjs应用

　　--ng-model指令将内部$scope的属性名绑定到input框中，从而实现双向绑定。

如果用用原生的方法，可能需要监听input,当input发生变化是，再取input值把他填到h1标签。

而我想给input写个默认值 value="yangjunwu"

posted on 2017-08-01 15:21 小武爷阅读(154) 评论(0) 编辑收藏举报