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>