angularjs 部分视图中的内部 javascript 不起作用
Internal javascript inside angularjs partial view is not working?
这里的主要内容是避免加载索引中的所有JavaScript.html
例如)我有日期选择器的部分视图。初始化将在部分视图侧。
<script>
$(function() {
$('.date-pick').datePicker();
});
</script>
当通过路由器加载部分视图时,不会执行上述脚本。如何在angularjs部分视图中执行这些内部JavaScript?
Angular 解析 DOM,所以如果你在里面放一个脚本标签,这显然是行不通的。您应该为日期选择器创建一个指令,并在分部视图中使用该指令,如<div date-picker>
。或者,您可以在控制器中添加这段JavaScript,但我不推荐它。一旦你习惯了它,创建一个指令就很容易了。您的日期选择器可能已经作为指令提供。对它进行谷歌搜索。
谢谢 Erik Duindam。
创建了 angularjs 指令,如下所示
// Directive for jQuery datepicker intialization
app.directive('jqueryDatepicker', function () {
return {
restrict: 'A',
link: function (scope, element, attr) {
$('.date-pick').datePicker();
}
}
});
在部分视图 html 文件中,我使用了创建的指令
<input name="date1" jquery-datepicker id="date1" class="date-pick"/>
现在,jQuery 日期选取器已在分部视图中初始化。工作很棒!
相关文章:
- 代币违法;PHP内部JavaScript代码
- 在内部JavaScript函数中包含外部对象
- 为什么内部Javascript循环会阻止外部循环中断(即无限循环)
- 如何将内部 JavaScript 文件链接到我在 GitHub 中的 HTML 文件
- angularjs 部分视图中的内部 javascript 不起作用
- 防止在内部 JavaScript 函数中滚动到顶部的任何方法
- 如何调用内部 JavaScript 类方法
- 在内部Javascript回调函数中访问父函数参数的正确方法
- PHP内部JavaScript-报价问题
- 如何用对象表示法调用内部javascript函数
- 内部Javascript在使用c#的Asp.net中无法识别,但在Vb.net中已重新定位
- 资源,以便将外部和内部javascript文件合并为尽可能少的文件
- 从java代码调用内部javascript函数
- PHP内部javascript复选框值
- 转换& # 39;和“;要在变量内部使用的字符串内部.(Javascript)
- 关于函数内部javascript变量的说明
- 从.js文件调用内部Javascript函数
- beautifulsoup删除所有内部javascript
- 删除/禁用内部javascript
- Jquery内部javascript验证