问题标签 [angular2-materialize]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery 语法错误,使用 Angular、Angular UI-Router 和 Materialize 无法识别的表达式
我在这个项目中使用了几个库。抱怨的是jQuery。我不确定jQuery实际上是这里的罪魁祸首。我尝试了几种不同的方法来获得所需的结果,最终我得到了一个错误最少并且仍然可以正常运行的解决方案。好的,所以我正在使用 jQuery、Materialize、Angular、Angular UI-Router 和 Angular Materialize。我定义了几条路线以及嵌套视图。所以,上代码:
因此,这种方法通过结合href="#/one"
锚ui-sref="one"
元素可以正常工作,但在初始应用加载时仍然会产生错误。Uncaught Error: Syntax error, unrecognized expression: #/one
.
几乎所有针对此错误的搜索结果都与字符串和引号的格式有关。这使我相信它与其中一个库有关。很可能是 Materialise 或 UI-Router。也许两者都在一起。
这是重现问题的小提琴 - https://jsfiddle.net/whatisthebigpicture/9uudedvx/ - 脚本以 HTML 加载,因为外部脚本面板无法正常工作。在 JSFiddle 上重现同样的问题是一个挑战,但我相信如果它可以在 Fiddle 中解决,那么我可以将它应用到我的应用程序中。
有没有人有一起使用这些库的经验?我可以做些什么来消除错误还是取决于图书馆开发人员?
jquery - 不能使用 angular2-materialize (TypeError: jQuery.easing is undefined)
大家好,感谢阅读。好吧,这是我在运行ng serve时遇到的错误:
这正是我所做的:
然后将此添加到angular-cli.json脚本块
这行到app.module.ts
这是NgModule导入块
将 Google 图标添加到index.html
这对全局styles.css
我不知道 jquery 有什么问题。
jquery - 推入数组在jQuery函数中不起作用
我正在将MaterializeCSS 的自动完成功能与Angular2-Materialize一起使用,并且我正在尝试将选定的值推送到一个数组中。但是,我收到以下错误:
Cannot read property 'push' of undefined
这是我的组件:
如果我尝试push
在函数之外做一些随机的事情jQuery
,它会起作用。
这是我的 HTML:
angular - 在Angular中依次打开两个物化模态
一旦用户单击发送交易,我需要打开一个显示待处理交易的模式,一旦交易完成,我需要显示交易成功组件。交易挂起模式工作正常,但当它更改为交易成功时,我只会得到一个黑色覆盖。
我已经把它们写成单独的组件
在 transaction-pending.component.ts 中
在购买成功.component.ts
成功调用该组件,因为我可以看到在控制台中打印了日志,但没有出现模式,只出现了一个深色覆盖。
版本
1.“angular2-materialize”:“^15.1.10”,2.“materialize-css”:“^0.100.2”,
我试过单独调用购买成功的组件,它工作正常,在事务挂起组件之后调用它时会出现问题。
javascript - 未捕获的错误:在窗口上找不到物化对象
我正在尝试MaterializeCSS
在我的Angular 6
应用程序上使用。我正在使用materialize-css
来自. 当我运行应用程序时,它会成功构建。但是我在浏览器控制台中遇到了这个错误。并且该应用程序不会显示在浏览器上。angular2-materialize
npm
未捕获的错误:在窗口上找不到物化对象。它由 materialize-css 库创建。请在导入 angular2-materialize 之前导入 materialize-css。
虽然我在app.module.ts中导入了它们
这是我的代码:
app.module.ts
来自angular.json的样式和脚本数组
我没有使用jQuery
,因为jQuery
不再依赖于,materialize-css
我不想混淆jQuery
Angular
我还在 Github 上打开了一个关于此的问题。在这里检查。
angular - 如何在没有库的情况下在 Angular 5 中初始化 Boostrap 元素或物化 css?
我是 Typescript 和 Angular 世界的新手。我想知道我们如何以 Angular 方式初始化 Boostrap 元素?我的意思是纯粹使用没有 ngx-boostrap 包装器的 Boostrap 库。
例如,如果我想启动一个 boostrap 轮播。根据指南,我必须写这样的东西:
$('.carousel').carousel()
我想知道我们如何以 Angular 的方式初始化它,比如使用ElementRef 之类的?
我试过@types/jquery,上面的代码就可以了,但是 Angular 建议不要直接接触 DOM,所以不知道我们将如何做到这一点
我还查看了 ngx-boostrap 库,但没有看到任何初始化代码,所以我不知道它是如何工作的。
在 ngx-materializecss 中,它使用 @types/jquery 和 Render(现已弃用)来包装元素。
我感谢您对此事的任何帮助或参考。
谢谢!!!