问题标签 [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.

0 投票
1 回答
3246 浏览

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 中解决,那么我可以将它应用到我的应用程序中。

有没有人有一起使用这些库的经验?我可以做些什么来消除错误还是取决于图书馆开发人员?

0 投票
1 回答
352 浏览

jquery - 不能使用 angular2-materialize (TypeError: jQuery.easing is undefined)

大家好,感谢阅读。好吧,这是我在运行ng serve时遇到的错误:

这正是我所做的:

然后将此添加到angular-cli.json脚本块

这行到app.module.ts

这是NgModule导入块

将 Google 图标添加到index.html

这对全局styles.css

我不知道 jquery 有什么问题。

0 投票
1 回答
481 浏览

jquery - 推入数组在jQuery函数中不起作用

我正在将MaterializeCSS 的自动完成功能Angular2-Materialize一起使用,并且我正在尝试将选定的值推送到一个数组中。但是,我收到以下错误:

Cannot read property 'push' of undefined

这是我的组件:

如果我尝试push在函数之外做一些随机的事情jQuery,它会起作用。

这是我的 HTML:

0 投票
1 回答
112 浏览

angular - 在Angular中依次打开两个物化模态

一旦用户单击发送交易,我需要打开一个显示待处理交易的模式,一旦交易完成,我需要显示交易成功组件。交易挂起模式工作正常,但当它更改为交易成功时,我只会得到一个黑色覆盖。

我已经把它们写成单独的组件

在 transaction-pending.component.ts 中

在购买成功.component.ts

成功调用该组件,因为我可以看到在控制台中打印了日志,但没有出现模式,只出现了一个深色覆盖。

版本

1.“angular2-materialize”:“^15.1.10”,2.“materialize-css”:“^0.100.2”,

我试过单独调用购买成功的组件,它工作正常,在事务挂起组件之后调用它时会出现问题。

0 投票
0 回答
1838 浏览

javascript - 未捕获的错误:在窗口上找不到物化对象

我正在尝试MaterializeCSS在我的Angular 6应用程序上使用。我正在使用materialize-css来自. 当我运行应用程序时,它会成功构建。但是我在浏览器控制台中遇到了这个错误。并且该应用程序不会显示在浏览器上。angular2-materializenpm

未捕获的错误:在窗口上找不到物化对象。它由 materialize-css 库创建。请在导入 angular2-materialize 之前导入 materialize-css。

虽然我在app.module.ts中导入了它们

这是我的代码:

app.module.ts

来自angular.json的样式和脚本数组

我没有使用jQuery,因为jQuery不再依赖于,materialize-css我不想混淆jQueryAngular

我还在 Github 上打开了一个关于此的问题。在这里检查。

0 投票
1 回答
46 浏览

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(现已弃用)来包装元素。

我感谢您对此事的任何帮助或参考。

谢谢!!!