about.js:

[html] view plain copy 在CODE上查看代码片派生到我的代码片

define(['app'], function(app)

{

app.controller('AboutViewController',

['$scope',function($scope) {

document.getElementById("test").onclick = function(){

swal($scope.title);

}

$scope.title = "About About About About";

}

]);

});

其对应的页面内容about-view.js:

[html] view plain copy 在CODE上查看代码片派生到我的代码片

<div ng-controller="AboutViewController">

<button ui-sref="home">Home</button>

<h1>{{ title }}</h1>

<form   name = "registerForm" method="post" class="form-horizontal" novalidate >

<p class="bg-warning" style = "margin-left:50px;margin-right:50px;"><i class="glyphicon glyphicon-info-sign"></i><span > <b>温馨提示:带<span style="color:red"> *</span>为必填项</b></span><span ng-show = "contractInfo.status == 'INVALID'||contractInfo.status == 'END'" ><b> </b></span></p>

<p  style = "margin-left:50px;margin-right:50px;" ng-show = "contractInfo.status == 'INVALID'||contractInfo.status == 'END'"><b>已失效或终止的合同不能再修改内容!</b></p>

<p  style = "margin-left:50px;margin-right:50px;" ng-show = "contractInfo.status == 'EFFECTIVE'"><b>已生效的合同只能修改部分内容!</b></p>

<div>

<div class="form-group"  >

<label class="control-label col-md-2 " for = "merchantId">商户<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<select  class="form-control" id="merchantId" name = "merchantId" ng-model="contractInfo.merchantId"  ng-options="merchantNameAndId.merchantId as merchantNameAndId.merchantName for merchantNameAndId in merchantNameArray"   required >

<option value="">-- 请选择 --</option>

</select>

<div class="help-block" ng-messages="registerForm.merchantId.$error" ng-if="registerForm.merchantId.$touched">

<span ng-message="required" >商户不能为空</span>

</div>

</div>

<label class="control-label col-md-2" for="contractNo">合同编号</label>

<div class="col-md-3" >

<input  type="text" class="form-control" id="contractNo" name = "contractNo" ng-model="contractInfo.contractNo"  >

</div>

</div>

<div class="form-group" >

<label class="control-label col-md-2" for="signDate">合同签订日期<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<div class="input-group" readonly= "readonly">

<input type="text" class="form-control" id="signDate" name = "signDate" ng-model="contractInfo.signDate" is-open="signDateOpened" ng-click = "signDateOpened = true" datepicker-options="dateOptions"  current-text="今天"  clear-text="清除" close-text="关闭" readonly ="readonly"   date-format  uib-datepicker-popup required>

<span class="input-group-addon" ng-click = "signDateOpened = true"><i class="glyphicon glyphicon-calendar"></i></span>

</div>

<div class="help-block" ng-messages="registerForm.signDate.$error" ng-if="registerForm.signDate.$touched">

<span ng-message="required" >合同签订日期不能为空</span>

</div>

</div>

<label class="control-label col-md-2" for="signPerson">合同签署人<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<input type="text" class="form-control" id="signPerson" name ="signPerson"  ng-model="contractInfo.signPerson"   required >

<div class="help-block" ng-messages="registerForm.signPerson.$error" ng-if="registerForm.signPerson.$touched" >

<span ng-message="required" >合同签署人不能为空</span>

</div>

</div>

</div>

<div class="form-group">

<label class="control-label col-md-2" for="effectDate">合同生效日期<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<div class="input-group" >

<input type="text" class="form-control" id="effectDate" name = "effectDate" ng-model="contractInfo.effectDate" is-open="effectDateOpened" ng-click = "effectDateOpened = true" datepicker-options="dateOptions"  current-text="今天"  clear-text="清除" close-text="关闭" readonly ="readonly"   date-format uib-datepicker-www.baiyuewang.netpopup required>

<span class="input-group-addon" ng-click = "effectDateOpened = true"><i class="glyphicon glyphicon-calendar"></i></span>

</div>

<div class="help-block" ng-messages="registerForm.effectDate.$error" ng-if="registerForm.effectDate.$touched">

<span ng-message="required" >合同生效日期不能为空</span>

</div>

</div>

<label class="control-label col-md-2" for="expiryDate">合同失效日期<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<div class="input-group" >

<input type="text"  class="form-control" id="expiryDate" name = "expiryDate" ng-model="contractInfo.expiryDate"  is-open="expiryDateOpened" ng-click = "expiryDateOpened = true" datepicker-options="dateOptions"  current-text="今天"  clear-text="清除" close-text="关闭" readonly ="readonly"  date-format uib-datepicker-popup required>

<span class="input-group-addon" ng-click = "expiryDateOpened = true"><i class="glyphicon glyphicon-calendar"></i></span>

</div>

<div class="help-block" ng-messages="registerForm.expiryDate.$error" ng-if="registerForm.expiryDate.$touched">

<span ng-message="required" >合同失效日期不能为空</span>

</div>

</div>

</div>

<div class="form-group">

<label class="control-label col-md-2" for="autoResignFlag">到期自动续签<span style="color:red"> *</span></label>

<div class="col-md-3" show-errors>

<select  class="form-control" id="autoResignFlag" name = "autoResignFlag" ng-model="contractInfo.autoResignFlag" ng-change = "changeAutoResignFlag()" ng-options="yesNo.name as yesNo.desc for yesNo in YesNoArray"  required >

</select>

<div class="help-block" ng-messages="registerForm.autoResignFlag.$error" ng-if="registerForm.autoResignFlag.$touched">

<span ng-message="required" >到期自动续签不能为空</span>

</div>

</div>

<label class="control-label col-md-2" for="autoResignYears">自动续签期限</label>

<div class="col-md-3" >

<input type="text" class="form-control" id="autoResignYears" name = "autoResignYears" ng-model="contractInfo.autoResignYears" placeholder = "单位为月"   >

<div class="help-block" ng-messages="registerForm.autoResignYears.$error" ng-if="registerForm.autoResignYears.$touched">

<span ng-message="required" >自动续签期限不能为空</span>

</div>

</div>

</div>

<div class="form-group">

<label class="control-label col-md-2" for="fundTyps">涉及款项列表</label>

<div class="col-md-3" >

<input type="text" class="form-control" id="fundTyps" name = "fundTyps" ng-model="contractInfo.fundTyps" >

</div>

<label class="control-label col-md-2" for="specialInstallReq">有特殊分期要求<span style="color:red"> *</span></label>

<div class="col-md-3"  show-errors>

<select  class="form-control" id="specialInstallReq" name = "specialInstallReq" ng-model="contractInfo.specialInstallReq"  ng-options="yesNo.name as yesNo.desc for yesNo in YesNoArray"  required>

</select>

<div class="help-block" ng-messages="registerForm.specialInstallReq.$error" ng-if="registerForm.specialInstallReq.$touched">

<span ng-message="required" >特殊分期要求不能为空</span>

</div>

</div>

</div>

<div class="form-group">

<label class="control-label col-md-2" for="remark">备注</label>

<div class="col-md-8">

<textarea class="form-control" cols="4" id="remark" name="remark" ng-model="contractInfo.remark" rows="2" style = "resize: none;"></textarea>

</div>

</div>

<div class="form-group" style = "text-align:center">

<button class="btn btn-primary" type="button" ng-click="okContractEdit()" ng-show = "contractEditable"  >保存修改</button>

<button class="btn btn-warning" type="button" ng-click="cancelContractEdit()"ng-show = "contractEditable" >取消修改</button>

</div>

</div>

<div>

</form>

</div>

AngularJS+RequireJs实现动态加载JS和页面的方案研究【下】的更多相关文章

  1. AngularJS+RequireJs实现动态加载JS和页面的方案研究【上】

    1.入口页面 存放地址:src/main/webapp/WEB-INF/view/workflow/workflow.jsp [html] view plain copy 在CODE上查看代码片派生到 ...

  2. AngularJS+RequireJs实现动态加载JS和页面的方案研究【中】

    3.动态加载的内容: home.js [html] view plain copy 在CODE上查看代码片派生到我的代码片 define(['app'], function(app) { app.co ...

  3. [AngularJS] 使用AngularAMD动态加载Controller

    [AngularJS] 使用AngularAMD动态加载Controller 前言 使用AngularJS来开发Single Page Application(SPA)的时候,可以选用AngularU ...

  4. [AngularJS] 使用AngularCSS动态加载CSS

    [AngularJS] 使用AngularCSS动态加载CSS 前言 使用AngularAMD动态加载Controller 使用AngularAMD动态加载Service 上列两篇文章里,介绍了如何如 ...

  5. [AngularJS] 使用AngularAMD动态加载Service

    [AngularJS] 使用AngularAMD动态加载Service 前言 「使用AngularAMD动态加载Controller」:这篇文章里介绍如何使用AngularAMD来动态加载Contro ...

  6. 使用jQuery动态加载js脚本

    动态加载Javascript是一项非常强大且有用的技术.这方面的主题在本站已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js.它们很强大,但有时候也会得不偿失.如果你使 ...

  7. 使用jQuery动态加载js脚本文件的方法

    动态加载Javascript是一项非常强大且有用的技术.这方面的主题在网上已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js 它们很强大,但有时候也会得不偿失.如果你使 ...

  8. JavaScript动态加载js文件

    /********************************************************************* * JavaScript动态加载js文件 * 说明: * ...

  9. 动态加载js和css

    开发过程中经常需要动态加载js和css,今天特意总结了一下常用的方法. 1.动态加载js 方法一:动态加载js文件 // 动态加载js脚本文件 function loadScript(url) { v ...

随机推荐

  1. table组件选中数据回显

    table组件多选状态下,把已选择的数据回显,需要在多选列上加上一个属性 :reserve-selection="true" 实例如下: <el-table :data=&q ...

  2. LINQ中的"延迟查询"特性【转】

    本文转载自:LINQ中的"延迟查询"特性 详细了解“延迟查询”:C#学习笔记(八)—–LINQ查询之延迟执行 很多标准查询操作符的设计原型都是返回一个IEnumerable< ...

  3. [转] etcd 搭建与使用

    [From] https://blog.csdn.net/ShouTouDeXingFu/article/details/81167302 etcd 1.下载etcd二进制文件包         ht ...

  4. CentOS开放端口号

    #vi /etc/sysconfig/iptables 在打开的文件中增加一份端口配置信息: A INPUT -p tcp -m state --state NEW -m tcp --dport 81 ...

  5. matplotlib画图无法显示图例 报错No handles with labels found to put in legend.

    很久没有matplotlib了,今天画图的时候发现了一个很小的问题....明明加了legend(),图表会出来,却无法正常显示图例.最后发现只要在plt.plot()加label图例就可以正常显示了.

  6. Mac下截图工具

    苹果系统自带截图功能 1.截取全屏:快捷键(Shift+Command+3) ▲直接按“Shift+Command+3“快捷键组合,即可截取电脑全屏,图片自动保存在桌面. 2.截图窗口:快捷键(Shi ...

  7. (转)QEMU 使用的镜像文件:qcow2 与 raw

    原文:https://www.ibm.com/developerworks/cn/linux/1409_qiaoly_qemuimgages/ qcow2 的基本原理 qcow2 镜像格式是 QEMU ...

  8. jstl fmt标签的使用

    所有标签 fmt:requestEncoding fmt:setLocale fmt:timeZone fmt:setTimeZone fmt:bundle fmt:setBundle fmt:mes ...

  9. 【LESS系列】内置函数说明

    本文转自 http://www.cnblogs.com/zfc2201/p/3493335.html escape(@string); // 通过 URL-encoding 编码字符串 e(@stri ...

  10. Entity Framework 6.0 Code First(转)

    源自:http://www.cnblogs.com/panchunting/tag/Code%20First/ 1 Conventions 2 Custom Conventions 3 Data An ...