【angularjs指令】简单的搜索框实现

使用angular directive简单的实现搜索框组件
摘要由CSDN通过智能技术生成

/***
 *(options)是否必填,类型,说明:
 *	(ng)1 , object , angularApp对象
 *
 *(ngScope):
 *	(value)0 , string , 单向绑定的value对象
 *	(searchCall)1 , function , search回掉函数
 *	(keyChangeCall)1 , function , 内容变化回掉函数
 */
define(function(require, exports, module) {
	module.exports = function(param) {
		var options = {};
		if (param.directive) options.ng = param
		else options = param;
		if (!options.ng) return false;

		var domString = [
			"<div class='input-group input-group-sm'>",
			"<span class='input-group-btn'>",
			"<button class='btn btn-primary' type='button' ng-click='searchCall({value:value})'>搜索</button>",
			"</span>",
			"<input type='text' class='form-control' ng-model='value' ng-keyup='keyup($event)'/>",
			"</div>"
		].join("
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值