<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<body ng-controller="myController">
<!-- template存放的是 templates中的每一个对象,相当于是item -->
<select ng-model="template" ng-options="item.name for item in templates">
<option value="">please choice</option>
</select>
当前加载的模板是{{template.name}} :{{template.url}}
<div ng-include="template.url">
</div>
<p>我是广告给我打电话 办证</p>
</body>
<script src="angular.min.js"></script>
<script>
angular.module('myApp',[])
.controller('myController',['$scope',function($scope){
$scope.templates = [
{name:'template1',url:'template1.html'},{name:'template2',url:'template2.html'}
];
// $scope.template = $scope.templates[0];
$scope.myStyle = {
'background-color':'red'
};
}])
</script>
</html>
<!-- template1.html -->
<h1>this is template one</h1>
<div style="width: 200px; height: 200px; background-color: aqua"></div>
<div style="width: 200px; height: 200px; background-color: red"></div>
<div style="width: 200px; height: 200px; background-color: blue"></div>
<div style="width: 200px; height: 200px; background-color: green"></div>
<div style="width: 200px; height: 200px; background-color: peru"></div>
<!--template2.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p ng-style="myStyle">this is template two</p>
</body>
</html>
2.不同模块的div,就是在选择的时候，设置一个ng-change指令，里面传入数字，进行判断
<select class="form-control" ng-model="othermodel.qc_type_code_oth_param" ng-change="choice(this.othermodel.qc_type_code_oth_param)" placeholder="请选择证件类型" style="width: 250px;height:34px;" >
<option value ="1">aaa</option>
<option value ="2">bbb</option>
<option value ="3">ccc</option>
</select>
<div class="form-group" ng-if="filter.enterpriseType==2">
</div>
$scope.choice = function(type) {
$scope.filter.enterpriseType = type;
}
