controlhtm.html 1.18 KB
<p>空白高度设置</p>
<ul class="basics_ul">
	<li>
		<label class="col-sm-3">空白高度</label>
		<div class="col-sm-8">
			<div class="container">
				<div class="sliderExample">
					<div ui-slider="{range:'max'}" ng-model="content.height" data-min="1" data-max="100"></div>
					<input readonly="readonly" type="text" ng-model="content.height" style="border: 0;background-color: #fff;" /><label>像素</label>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</li>
	<li>
		<label class="col-sm-3">颜色</label>
		<div class="col-sm-8">
			<span onclick="setcolor('','bgcolor',this)" class="color_Selector" ng-style="{'background-color': content.bgcolor}"></span>
			<input class="btn addNav" type="button" onclick="white_reset()" value="重置" />
		</div>
		<div class="clear"></div>
	</li>
</ul>
<script type="text/javascript">
	function white_reset() {
		//通过controller来获取Angular应用
		var appElement = document.querySelector('[ng-controller=ctrl]');
		//获取$scope变量
		var $scope = angular.element(appElement).scope();
		$scope.content.bgcolor = "#ffffff";
		//如果想同步到Angular控制器中,则需要调用$apply()方法即可
		$scope.$apply();
	}
</script>