zoukankan      html  css  js  c++  java
  • 第一个AngularJS控制器

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible"content="IE=edge" />
    <meta name="viewport"content="width=device-width,initial-scale=1" />
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
    </head>
    <body data-ng-app="myApp"data-ng-controller="myCtrl">
    <div class="container"style="padding:50px">
    <form class="form-horizontal">
    <div class="form-group">
    <label class="col-sm-2 control-label">名:</label>
    <div class="col-sm-10">
    <input type="text"name="fName"placeholder="名"data-ng-model="fName" />
    </div>
    </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">姓:</label>
    <div class="col-sm-10">
    <input type="text"name="lName"placeholder="姓"data-ng-model="lName" />
    </div>
    </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">网络名为:</label>
    <div class="col-sm-10">
    <span class="col-sm-10">{{fName+lName}}</span>
    </div>
    </div>

    </form>
    </div>

    <script src="jQuery/jquery-2.1.4.js"></script>
    <script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script>
    angular.module("myApp", []).controller("myCtrl", function ($scope) { $scope.fName = "melao"; $scope.lName = "2006";})

    </script>
    </body>
    </html>

  • 相关阅读:
    C/C++ string.h头文件小结
    linux根据进程pid查看进程详细信息
    《mysql必知必会》读书笔记
    安装vim with python
    vim正则表达式小结
    C语言指针篇(二)多级指针
    C语言指针篇(一)指针与指针变量
    递归函数
    lan口和wan口的配置
    C语言基础篇(三) 指针
  • 原文地址:https://www.cnblogs.com/melao2006/p/5080722.html
Copyright © 2011-2022 走看看