标签: angularjs-directive
Owl Carousel没有识别ng-repeat的元素
我正试图让猫头鹰旋转木马在Angular工作.
我希望在我的视图中标记这样的标记,因为我有很多画廊:
<owl-carousel owl-options="owlOptions">
<div ng-repeat="image in gallery" class="item">
<p>hello</p>
</div>
</owl-carousel>
基本上所有指令应该做的是转盘的初始化.该指令完美无缺,除非我使用ng-repeat.我猜这个指令是在处理ng-repeat之前加载的.
有没有人对如何解决这个问题有任何想法,而不为每种类型的滑块构建模板和指令？
非常感谢!
这是指令:
angular.module('dir.owlCarousel', [])
.directive('owlCarousel',[function() {
return {
restrict: 'EA',
transclude: false,
scope: {
owlOptions: '='
},
link: function(scope, element, attrs) {
$(element).owlCarousel(scope.owlOptions);
}
};
}]);
推荐指数
解决办法
查看次数
使用select as label时,如何使用ng-options禁用angularjs中的选项
我在服务中得到了这些变量:
months: [
{ label: 'January', value: 1, disabled: true },
{ label: 'February', value: 2, disabled: true },
{ label: 'March', value: 3, disabled: true },
{ label: 'April', value: 4, disabled: false },
{ label: 'May', value: 5, disabled: false },
{ label: 'June', value: 6, disabled: false },
{ label: 'July', value: 7, disabled: false },
{ label: 'August', value: 8, disabled: false },
{ label: 'September', value: 9, disabled: false },
{ label: 'October', value: 10, …推荐指数
解决办法
查看次数
ng-tags-input on-tag-click handler:有更好的方法吗？
更新2015.06.01
此问题已在库中解决 - https://github.com/mbenford/ngTagsInput/pull/239
问题
ng-tags-input没有on-tag-click处理程序,以便用户单击标记以通过角度表达式引发函数调用:
<!-- does not exist -->
<tags-input on-tag-click="handleTagClick(data)"></tags-input>
- project的github 页面
推荐指数
解决办法
查看次数
此时元素div上不允许使用属性ng-view
我一直在使用validator.w3.org作为HTML5收到此错误
"此时元素div上不允许属性ng-view"
如何通过div传递ng-view来解决这个问题？
<div ng-view></div>
推荐指数
解决办法
查看次数
如何在ngTagsInput(而不是正则表达式)中进行自定义验证？
例如,我想添加自定义验证,其中addedValue <20,如何实现它？
<tags-input ng-model="numbers"
placeholder="Add a number"
min-length="1"
max-length="3"
allowed-tags-pattern="^[0-9]+$"
onTagAdded="$tag<20"></tags-input>
这是我使用的代码.
javascript validation angularjs angularjs-directive ng-tags-input
推荐指数
解决办法
查看次数
如何使用Jquery将click事件附加到AngularJS指令？
我制作了AngularJS指令,我在我的主页上加载,我也有
JQuery文件,我alert('it works')在<p> Click </p>单击元素时调用.这是一个例子.
/*
* This is the directive
*/
outsource.directive('mydirective', function() {
return {
restrict: 'E',
link: function(scope, element, attribute) {
// Link
},
replace: true,
templateUrl: 'src/app/components/views/directive.html'
};
});
directive.html文件
<p id="clicked"> Click </p>
jquery函数
$(document).ready(function() {
$("#clicked").click(function() {
alert('it works');
});
});
对于我真正的问题,这只是一个简单的问题.我注意到angular指令的加载速度比触发警报消息的函数要慢.因为我的选择器没有选择任何东西$("#clicked").
*我应该如何使用jquery的angular指令？除了使用jqlite之外,解决这个jquery-angular问题的正确方法是什么？*
推荐指数
解决办法
查看次数
为什么我不能在AngularJS链接函数中使用vanilla javascript(eventlistener)？
所以我只是在测试一些东西而且我正在写一个这样的指令:
HTML
<div ng-app="app">
<my-directive>
hi {{name}}
</my-directive>
</div>
JS
angular.module("app", [])
.directive("myDirective", function () {
return {
scope:true,
restrict: "E",
link: function (scope, elem, attr) {
scope.name="yourname";
elem.onclick = function () { console.log("change name");}
}
}
})
但onclick功能永远不会激发.而且我知道这不是我应该如何在Angular中正确编写,但它只是我在飞行中所做的事情.但是,这有效:
angular.module("app", [])
.directive("myDirective", function () {
return {
scope:true,
restrict: "E",
link: function (scope, elem, attr) {
scope.name="yourname";
elem.on("click", function () {console.log("change name")});
}
}
})
这里有一个小提琴:小提琴
这里发生了什么？它是否在Angular世界之外,我应该使用scope.apply什么或什么来使它工作.我只是好奇为什么香草javascript在这种情况下不好.但这也是让我自己专注于思考Angular方式的一个很好的教训.
也许有人可以解释发生了什么？TIA
推荐指数
解决办法
查看次数
检测是否从DOM中删除了指令
我有一个AngularJS指令,如果指令的元素从DOM中删除(从AngularJS调用内部或通过任何其他方法,如jQuery),我需要执行某些操作.
那可能吗？
推荐指数
解决办法
查看次数
如何在Angular UI-Grid中获取列页脚数据？
例如,在本教程中,是否有任何方法可以在列页脚中获取数据？我想在其他地方展示总数.
提前致谢.
javascript angularjs angularjs-directive angularjs-scope angular-ui-grid
推荐指数
解决办法
查看次数
无法读取未定义错误的属性"推送"？
我正在尝试学习角度js.我能够得到输出.但是在控制台上我收到此错误.如何删除此错误？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="application/javascript" src="ionic.js"></script>
</head>
<body ng-app="">
{{3+8}}
</body>
</html>
我只是使用angular添加两个数字我能够得到预期的结果,但在控制台上得到这个错误.
javascript angularjs angularjs-directive angularjs-scope ionic-framework
推荐指数
解决办法
查看次数
标签 统计
angularjs ×9
javascript ×7
validation ×2
dom ×1
jquery ×1
ng-options ×1
owl-carousel ×1
w3c ×1