问题标签 [metronic]
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.
css - 来自 Boostrap 4 的导航栏与 Metronic 冲突
我目前在我的项目中使用 2 个 CSS 模板:一个来自 Bootstrap 4,另一个来自 Metronic。看起来两者的CSS之间存在冲突,所以我的navbar
看起来不对。我已经将 Bootstrap CSS 放在 Metronic CSS 之上,但我navbar
的仍然无法正常工作。
我已经做了相反的事情,但它没有改变任何东西。这是我的源代码navbar
:
的问题navbar
。当我删除 Metronic CSS 时,navbar
效果很好。
tooltip - Metronic 工具提示不起作用
我正在使用 metronic 5,并尝试使用data-toggle="m-tooltip"
with添加工具提示title="Some Title"
当页面被渲染并且我将鼠标悬停在元素上时,工具提示被触发,但工具提示show
中没有添加一个类,这是添加opacity:1
到元素并使元素进入视图所需的。
任何人都可以提出任何更改或我错过任何脚本吗?
谢谢您的帮助。
css - ui.bootstrap 警报中不显示关闭按钮
我正在使用 ui.bootstrap 警报向用户显示消息。但是,关闭按钮不显示。我正在开发一个专门在 DNN 中的 asp.Net 应用程序环境。这是我能想到的唯一可能导致问题的事情。
我研究了以下文章试图找到解决方法:
https://www.tutorialspoint.com/bootstrap/bootstrap_alerts.htm
我尝试手动提供按钮的代码,但这并不能解决问题。
我的代码:
消息显示并且警报可关闭,并且作为一种解决方法将在 5 秒后自行关闭。
我在开发者控制台中看到的是它正在尝试提取一个不存在的 png 文件。我什至不知道为什么它认为这个文件会在那里,因为官方引导示例没有显示与我在我的环境中看到的完全相同的 CSS。
有什么我可以尝试的想法吗?提前致谢。
更新:将丢失的 png 文件添加到它正在寻找的位置仍然不会导致图标显示。
javascript - 函数内部调用方法
我有一个来自 metronic 主题的向导,我试图调用一个函数来检查我的数组是否包含重复项。
如果我删除这部分代码,它可以正常工作。
代码
现在我的 checkIfArrayIsUnique() 只是一个虚拟函数
我如何在“更改”事件之外调用方法?所以我可以通过我的数组运行并确认它没有任何重复项。
angular - 如何在我的本地主机上安装 metronic 主题(v5.1.1)?
我最近购买了 metronic 主题。
我下载了文件并安装了与文档相同的文件。
我成功安装了node、yarn、gulp、git。ng serve 命令也编译成功,但没有任何反应。我无法执行主题文件。
安装成功
编译截图
在 ng server 之后,在 localhost:4200 上浏览。但它没有正确执行,它显示如下。请检查图像
如何安装和执行主题文件?我使用的是最新版本 5.1.1,我需要 Angular 默认管理模板。
angular - 为什么我在 Angular 4 中的反应式表单在由 datetimepicker 设置时不更新值
我正在尝试将datetimepicker添加到我的 Angular 4 Metronic网站。我已将其添加到我的反应表单中,如下所示:
<input formControlName="timeOfRemoval" data-provide="datetimepicker" class="form-control m-input" id="timeOfRemoval" placeholder="Select date & time" readonly="" type="text">
现在这可以很好地创建选择器,并且它还设置了字段中的值。但没有发生的是Reactive Form
价值的变化。
当我想提交表单时,值timeOfRemoval
保持为空。当我删除readonly
,选择一个日期时间并通过添加和删除空格来更新值时,它确实有效。
当然这不是我想要的,我希望我Reactive Form
能检测到变化。我该怎么做?
angular - Angular 5 Component not removed on child route changed
Hey i have a problem with my Angular 5 App. Ive created a simple app with some component routing. The routing looks like:
The routing runs like a charm but if i am switching between these child routes the old child is not removed from dom.
If i am switching between the root routes everything works. If i am making the child routes to absolute routes it is also working.
index.html
app.component.html
lan.component.html
in the games.component.html and the others there is only the content. The links will be generated with routerLink like:
As a hint: ive developed this application first without any complex design. Everything works. Now i wanted to integrate Metronic Dashboard Theme and i am getting this problem. If anyone has a solution, please post it :)
UPDATE: Here are some links to the theme:
jquery - 如何使用 jquery 获取选定的复选框表单数据表
我正在使用 metronic 主题数据表,我想获取选定的复选框值。这是来自 metronic 主题的管理数据表。
datepicker - bootstrap-datepicker 格式问题
我一生都无法获得格式化的日期......在我愤怒删除我的“有趣”项目之前有人可以帮忙吗?:)
console.log(date)
几乎完美,显示:2018-06-28T23:00:00.000Z
而input
字段值更新为value="Fri Jun 29 2018 00:00:00 GMT+0100 (GMT Summer Time)"
.
我不明白为什么console.log(e.date)
会展示一件事而.val(e.date)
会展示完全不同的东西?
任何帮助将不胜感激,我已经阅读了 15 个站点并尝试了数十种不同的配置。谢谢你。