Metronic Angular

1.手动强制刷新

$scope.$apply();

2.select的使用

<select class="form-control form-filter input-sm" ng-model="row.specsId"
ng-options="item.id as item.specsName for item in shopSpecsList">   <option value="">请选择...</option>
</select>

select2的使用

'../assets/global/plugins/select2/css/select2.min.css',
'../assets/global/plugins/select2/css/select2-bootstrap.min.css',
'../assets/global/plugins/select2/js/select2.full.min.js',
'../assets/pages/scripts/components-select2.min.js',

<select class="bs-select form-control select2" data-placeholder="请选择..." ng-model="detail.role"ng-options="item.id as item.name for item in rolelist">
</select><script>ComponentsSelect2.init(); // init todo page
</script>

3.radio

<div class="col-md-9"><div class="mt-radio-inline"><label class="mt-radio  mt-radio-outline"><input type="radio" name="priceDiscountEnable" ng-model="detail.priceDiscountEnable" value="true" ng-checked="detail.priceDiscountEnable==true"> 允许<span></span></label><label class="mt-radio  mt-radio-outline"><input type="radio" name="priceDiscountEnable" ng-model="detail.priceDiscountEnable" value="false" ng-checked="detail.priceDiscountEnable==false"> 不允许<span></span></label></div>
</div>

4.checkbox

<div class="form-group"><label class="control-label col-md-3">是否热门</label><div class="col-md-9"><input type="checkbox" class="make-switch" data-size="small" id="isHot" checked></div>
</div>

Metronic Angular相关推荐

【HTML】Angular JS + Table 根据数据动态合并单元格
问题描述: 根据数据值将单元格合并如一级指标二级指标原始演示效果: 目标效果如图所示: 完整的http.post请求JS $http.post('../hnTProF3c/List', para ...
Metronic学习-1-替换google字体，让页面打开更流畅
Metronic是一款强大的后台模板,包括很多组件.接触过很多后台模板,有Layui,AdminLTE,Inspinia,hui.感觉Layui适合快速开发.Layui封闭性很强,对于前端不太熟悉的话 ...
Metronic 管理仪表板,高级引导仪表板主题
Metronic 管理仪表板,高级引导仪表板主题 Metronic 模板面板管理员 Delphi 和 C++ Builder Bootstrap 4.React Admin 和 Angular 8 都 ...
Metronic+angular8 1. 学习—如何在angular8项目中嵌入Metronic
关于如何在angular8项目中嵌入Metronic,找了很久,后来才明白,应该是没什么办法.因为Metronic是付费的UI框架,所以买了之后会有一个文件夹,如下图所示: 这个文件夹中有很多angu ...
Angular No name was provided for external module 'XXX' in output.globals 错误
Angular 7 开发自定义库时,引用ngZorroAntd,build过程中出现 No name was provided for external module 'ng-zorro-antd' ...
angular.isUndefined()
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>ang ...
五：Angular 数据绑定 (Data Binding)
通常来说,数据绑定要么是从页面流向组件中的数据,要么是从组件中的数据流向页面.下面我们来介绍在Angular 2中数据绑定的几种不同方式. 1. 使用{{}}将组件中的数据显示在html页面上实 ...
angular初步认识一
最近比较流行MVC前端框架开发,最近研究了一个框架AngularJS框架不说那么多,先上例子,我是个代码控 <!DOCTYPE html> <html lang="en& ...
基于Metronic的Bootstrap开发框架经验总结（7）--数据的导入、导出及附件的查看处理...
在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率.我在较早时期的EasyUI的Web框架上, ...

Metronic Angular

Metronic Angular相关推荐

最新文章

热门文章