AngularJS的部署开发

angularjs的部署开发:
在angularjs官网下载angularjs的js文件:angular.min.js
在bootstrap官网下载:bootstrap.min.css
将这两个文件放在项目新建的lib文件中
创建用来测试加载这两个文件的页面demo.html
在demo文件中引入这两个文件,并创建自己的js文件main.js

  
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单验证title>
    <link rel="stylesheet" href="lib/bootstrap.min.css">
head>
<body ng-App="myApp">
    <input  class="form-control"
            ng-model="name"
            type="text"
            ng-minlength="4"
            ng-maxlength="10">
    <div>{{name}}div>
    <script src="lib/angular.min.js">script>
    <script src="js/main.js">script>

body>
html>

文件目录:
AngularJS的部署开发_第1张图片
main.js文件内容:

angular.module("myApp",[])

启动F12查看浏览器是否报错
至此部署完成;

你可能感兴趣的:(angularjs)