Angularjs如何自定義一個可輸入的下拉框組件-創(chuàng)新互聯(lián)
小編給大家分享一下Angularjs如何自定義一個可輸入的下拉框組件，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
網(wǎng)站設(shè)計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng)；網(wǎng)站建設(shè)、
成都網(wǎng)站設(shè)計收費合理；免費進行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運營了十載的
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司。
在 angularjs 中自定義一個可輸入的下拉框組件，組件的創(chuàng)建及引入如下。
新建 insertSelect.html 文件
.insert-select {
position: relative;
}
.input-box {
position: absolute;
height: calc(100% - 4px);
width: calc(100% - 25px);
top: 2px;
left: 2px;
padding-left: 10px;
outline: none !important;
border-radius: 4px !important;
border: none !important;
}
directive 自定義指令
//可輸入select框
angular.module("controllers")
.directive("insertSelect", [function () {
return {
restrict: 'AE',
templateUrl: 'template/common/insertSelect.html',
scope: {
modelData: '=modelData',
optionList: '=optionList',
placeholder: '=placeholder', //placeholder 可由引入頁面?zhèn)魅? },
link: function ($scope, $elem) {
//
},
controller: ["$scope", function ($scope) {
}]
}
}]);頁面引入 insertSelect 組件
看完了這篇文章，相信你對“Angularjs如何自定義一個可輸入的下拉框組件”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
文章題目：Angularjs如何自定義一個可輸入的下拉框組件-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：
http://weahome.cn/article/isgpp.html
重慶分公司
重慶分公司
