在aurelia app中需要bootstrap和jquery
我是Aurelia的新手,所以我不确定这应该如何运作.我创建了一个新的Aurelia项目,并且只需通过执行jspm install bootstrap就可以安装bootstrap.我在控制台中看到这也引入了
jquery 3.0.0.
现在我的问题是,如何在我的项目中使用bootstrap.css,bootstrap.js和jquery.js? 第一次尝试: 在app.html中,我尝试执行以下操作: <require from="bootstrap"></require> 我尝试过,因为我的config.js中有以下行: map: { ... "bootstrap": "github:twbs/bootstrap@3.3.6",... } 这种工作在某种意义上它加载了bootstrap.js,但随后在浏览器中出现错误,它缺少jquery.js.所以它不会自动为我加载jquery.这是正常的吗? 第二次尝试: 我在app.html中更改了我的要求: <require from="jquery/dist/jquery.js"></require> <require from="bootstrap/css/bootstrap.css"></require> <require from="bootstrap/js/bootstrap.js"></require> 我不知道它是如何知道在哪里查找bootstrap.js和bootstrap.css文件,因为它们位于:jspm_packages/github/twbs/bootstrap@3.3.6/css/bootstrap.css等.但它知道如何找到引导程序文件.但不是jquery文件. 我在我的config.js中有这个用于jquery: map: { ... "github:twbs/bootstrap@3.3.6": { "jquery": "npm:jquery@3.0.0" },.... } 基本上我的问题是,这应该怎么做?当我< require from =“bootstrap”>时,应该要求自动加载所有必要的文件.或者我还应该将它们作为单个文件加载?如果是这样,我如何在这种情况下加载jquery? 解决方法
require元素用于提取Aurelia组件,html模板(Aurelia组件)或css文件.它不是用于加载javascript文件.
Aurelia框架显示了如何在其main.js文件中加载Bootstrap: import 'bootstrap'; 是文件中的第一行.这将初始化Bootstrap的javascript代码. 在app.html中,require元素用于加载Bootstrap的css: <require from="bootstrap/css/bootstrap.css"></require> 将jQuery导入到文件中也非常简单: import $from 'jquery'; 然后你可以使用你想要的$函数. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- 从angular2中的新行开始文本
- 本地化 – Angularjs和$locale
- angularjs – Angular – 我可以从角度应用程序外部广播消息
- AngularJS使用templateHtml的路径作为模块名称
- 如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp
- 使用Proguard for Scala AWS Lambda
- 如何使用Angular 2为不同的环境加载不同的全局CSS样式
- AngularJS:双向绑定视频的currentTime with directive
- 泡We?X5论坛,就能把钱给挣了! WeX5论坛 金币制启动 -- 让大
- Scala REPL不适用于Ubuntu