web前端|js教程
angularjs,自定义组件
web前端-js教程
下面本篇文章给大家介绍一下Angularjs自定义一个可输入的下拉框组件的方法
网页挂机源码,vscode的替换,ubuntu防护,tomcat线程等待,sqlite3web,html图片标记插件,web前端知识框架 导图,爬虫网站怎么保存视频,php json处理,重庆哪有学seo,手机网站网页开发教程视频,html游戏网页模板,个人主页模板免费下载lzw
微信商店源码,vscode怎么查看函数,中国ubuntu论坛,tomcat设置 80端口,爬虫传说,php 请求转发,机电seo优化哪家好,劳务派遣公司网站源码下载,织梦信息模板lzw
《angularjs教学》
49木马源码,vscode源码终端,需要重做ubuntu系统嘛,璀憡tomcat,sqlite多线程安全,jquery列表排序插件,web前端开发 ui框架,北信源爬虫技术,php 示例,seo及站长论坛,php导航网站源码,自动浏览网页代码,360主页模板,简洁登录页面模板,基于html人力资源管理系统,小蚂蚁 门户程序怎么样lzw
在 angularjs 中自定义一个可输入的下拉框组件,组件的创建及引入如下。
新建 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: emplate/common/insertSelect.html, scope: { modelData: =modelData,optionList: =optionList, placeholder: =placeholder, //placeholder 可由引入页面传入 }, link: function ($scope, $elem) { // }, controller: ["$scope", function ($scope) { }] }}]);
页面引入 insertSelect 组件
编程教学!!