如何在Angular 4+中隐藏模式？
在Angular 4+中隐藏模式有多种方法，以下是其中几种常用的方法：
- 使用CSS样式隐藏模块： 可以通过在组件的CSS文件中设置display属性为none来隐藏模块。例如，在组件的CSS文件中添加以下样式：
- 使用CSS样式隐藏模块： 可以通过在组件的CSS文件中设置display属性为none来隐藏模块。例如，在组件的CSS文件中添加以下样式：
- 然后在组件的HTML模板中使用ngClass指令来动态添加或移除该样式：
- 然后在组件的HTML模板中使用ngClass指令来动态添加或移除该样式：
- 在组件的Typescript文件中，通过设置isHidden变量的值来控制模块的显示与隐藏。
- 使用ngIf指令隐藏模块： 可以使用ngIf指令来根据条件判断是否显示模块。例如，在组件的HTML模板中使用ngIf指令：
- 使用ngIf指令隐藏模块： 可以使用ngIf指令来根据条件判断是否显示模块。例如，在组件的HTML模板中使用ngIf指令：
- 在组件的Typescript文件中，通过设置isHidden变量的值来控制模块的显示与隐藏。
- 使用ngStyle指令隐藏模块： 可以使用ngStyle指令来动态设置模块的样式，从而隐藏模块。例如，在组件的HTML模板中使用ngStyle指令：
- 使用ngStyle指令隐藏模块： 可以使用ngStyle指令来动态设置模块的样式，从而隐藏模块。例如，在组件的HTML模板中使用ngStyle指令：
- 在组件的Typescript文件中，通过设置isHidden变量的值来控制模块的显示与隐藏。
以上是几种常用的在Angular 4+中隐藏模块的方法。根据具体的需求和场景，选择适合的方法来隐藏模块。
相关·内容
我正在构建一个带有离子的应用程序，我注意到当我想将我的应用程序转换为apk时，像ion-header, ion-title, ion-list etc这样的离子元素在模式下停止工作。它在其他页面上工作，但在模态中除外。
以下是comment.module.ts的代码
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { IonicModule } from '@ionic/angular';
import { CommonModule } from '@ang
浏览 1提问于2020-08-07得票数 1
我没有后台运行角，只有静态js/html文件在S3，如何懒惰加载控制器/模块存储在S3内的静态文件？
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-1.11.2.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/
浏览 1提问于2018-02-07得票数 0
回答已采纳
我已经在angular2中创建了yii2应用程序和REST。
"yii\rest\Controller"为Yii2控制器
Angularjs和Angular2都是非常不同的。
我不知道如何在angular2 post请求中使用CSRF令牌.
Angular2和yii2没有任何连接。只有yii2中的api调用。
浏览 3提问于2017-08-22得票数 0
我们目前在azure中托管了一个angular应用程序，并使用ADAL进行身份验证。
现在，我们希望它也被外部客户使用，因此希望将Azure AD B2C与我们的应用程序集成。
首先，为了在本地测试它，我创建了Azure AD B2C租户，并向该租户注册了我的Angular应用程序和ASP.NET核心Web API。该应用程序在上运行，Web API在上运行。
我不知道如何在我的angular应用程序中用MSAL代码替换ADAL代码。
请帮我解决这个问题。
浏览 10提问于2018-01-10得票数 2
如果我直接在html中插入HTML代码，很明显，css就会被注意到，元素就会正确地显示出来。
但是，如果我尝试在javascript中直接创建元素并插入元素，那么css类就不会被识别。
例如，我试过：
var el = document.createElement("div").setAttribute("class","some_class");
(...).appendChild(el).
而且el不遵守some_class设置的css规则。
我能够这样做的唯一方法是直接更改javascript中的元素属性：
var el = docume
浏览 1提问于2017-05-28得票数 0
这是我的代码
var app = angular.module('editorApp', ['ui.ace']);
app.controller('appCtrl', function($scope){
window.define = ace.define;
$scope.aceOptions = {
workerPath: '../../Scripts/app/vendor/',
useWrapMode: true,
showGutter:
浏览 0提问于2016-08-24得票数 0
所以我对rails和javascript还是个新手，
我喜欢这个样子，
下面是代码：
@-webkit-keyframes rotate-forever {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg
浏览 0提问于2016-01-23得票数 0
我正在尝试将ladda集成到我的angular2应用程序中。我基本上是在尝试导入库并使用Ladda变量。Angular似乎没有找到这个变量。有什么建议吗。
浏览 0提问于2016-07-08得票数 0
我为我的垂直导航创建了一个侧边菜单，因此我在单击时切换侧边菜单。我需要在单击菜单之外的任何位置时关闭该菜单。我尝试安装：
但由于某些原因它不工作，我运行npm install，添加
(clickOutside)="close()"
添加到我的组件或侧边菜单包装器中，什么也不会发生。
有什么需要帮忙的吗？指令代码：
import {Directive, ElementRef, Output, EventEmitter, HostListener} from '@angular/core';
@Directive({
selector: '[cl
浏览 0提问于2017-05-18得票数 3
1回答
语义UI模式未定义
、、、
我很难让语义ui的模态模块在我的angularJS控制器中工作。当我打电话的时候
$(".ui.modal").modal()
我得到了以下错误。
在Cc.(匿名函数)的TypeError: l.$scope.showAddBeacon (*lib/angular.min.js:198:426)的hb.functionCall (*lib/angular.min.js:198:426)，.compile.d.on.f(*lib/angular.min.js:215:74)的.compile.d.on.f(*lib/angular.min.js:215:74)在1..get.l
浏览 1提问于2015-02-03得票数 3
我只需要在用户输入值大于1且输入字段不包含正则表达式中定义的值时显示span。
代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-ng-form-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.
浏览 0提问于2016-09-08得票数 0
回答已采纳
假设您正在开发一个简单的角4应用程序，它不是SPA -它只是一个小部件，它将UI糖添加到HTML表单中。就这个问题而言，假设它允许用户编辑餐厅菜单。
据我所知，通常的做法是：
用户代理请求URL /menus/173/edit，并下载包含<menu-editor menuId="173"></menu-editor>标记的<menu-editor menuId="173"></menu-editor>页面和加载转置角模块的<script>标记。
应用程序初始化，绑定到DOM，并将menuId输入
浏览 1提问于2018-02-06得票数 0
3回答
在Angular 2中停止Youtube嵌入视频的正确方法是什么？
与在AngularJS中一样，最好的解决方案似乎是使用JQuery来更改iframe的src属性，但这在Angular2中是要避免的。
在angular 2中，我不应该操作dom，所以我的嵌入式iframe从我的组件中的一个变量获取它的src属性。当我取消设置此属性时，视频将按预期停止播放。
所以，绑定到按钮的(close)效果很好，但是当我在模式之外单击时，它不会停止播放。
我尝试在我的模式<div>中绑定(close)、(hide)、(hidden)和(dismiss)，但它们都不起作用。
我想知道这样的事情是
浏览 0提问于2017-05-21得票数 2
我是新的角-2，我试图添加angular2-引导-确认，但显示不能得到错误的控制台。我已经遵循了以下的docs，还有另一种方法来做到这一点。有人能帮我解决这个问题吗。
这就是我想要的get.is，还有另一种方法来达到这个效果。
app.component.ts
import { Component } from '@angular/core';
import {ConfirmOptions, Position} from 'angular2-bootstrap-confirm';
import {Positioning} from 'angul
浏览 4提问于2016-09-07得票数 1
回答已采纳
我有一个基本的表单，要求加入一个电子邮件列表，当有人提交时，我会让这个列表消失，并且不会通过在localStorage中隐藏id而重新出现。我也有一个按钮，你可以按下，使div消失，如果用户不想注册电子邮件，也在localStorage中完成。这两个单击事件都会触发“hideEmail()”
是否有可能通过检查id何时被放入localStorage以及是否超过x个时间段来反向隐藏id？
function hideEmail() {
$('#footer').hide();
localStorage.setItem('hidden', 't
浏览 0提问于2018-06-04得票数 0
2回答
出于某些原因，我想使用Angular v5，如果我运行下面的命令，它将在angular 6中构建一个我不想要的应用程序。
ng new hello //this creates angular app in the latest version
我按以下顺序运行命令
npm init //generated package.json
上面的命令生成了package.json文件，我交换了package.json文件的内容。
npm install //installed all the node modules
现在，当我运行命令来生成角分量(或任何角元素)时，它会抛出以下错误。
此命令只
浏览 0提问于2018-06-19得票数 2
回答已采纳
1回答
我需要测试我的服务，它使用Injector来注入服务，而不是constructor()。
我使用这种方式的主要原因是大量的服务扩展了我的公共SimpleDataService。这里是CompanyService，ProductService，TagService等，每个人都扩展了SimpleDataService。因此，我不想为super()调用定义更多必要的参数。
app.module.ts
import { Injector, NgModule } from '@angular/core';
export let InjectorInstance: Injector;
浏览 3提问于2020-06-12得票数 5
回答已采纳
我一起用围棋和手术。我有2^3或22^55之类的东西
有时候，Tesseract的白色列表仍然是错误的，所以我正在寻找一种提供模式的方法，我通过FaQ阅读并在集市上尝试了建议的选项。
我的模式文件如下所示：
\d\d^\d\d
\d^\d\d
\d^\d
\d^\d\d
但不知怎的，它还是不起作用。有什么技巧可以让它正常工作吗?或者是实现这一点的唯一方法来生成一个新的语言文件。
浏览 4提问于2014-11-11得票数 1
回答已采纳
我有两个动画叫做“上一个”和“下一个”。当你点击prev按钮时，"prev“动画应该被执行，当你点击"next”按钮时，"next“动画应该被执行。我正在使用ng-class来尝试记录它。我该怎么做呢？
<div ng-controller="MyCtrl">
<div class='contendor_portafolio' class='next'>
<video id='video' width="320" heigh
浏览 0提问于2017-04-20得票数 2
2回答
当搜索栏控制器位于iOS 11的导航栏中时，如何手动隐藏它？我试过几种方法，但都不起作用。我已经包含了我设置的搜索栏的图像。我希望它回到正常的导航控制器，它通常是在我拉下以显示搜索栏之前。我似乎遗漏了一行代码，但由于某种原因，我就是找不到这行代码。我希望这发生在视图确实出现，所以任何时候用户回到这个屏幕，搜索栏是隐藏的。我该怎么做？
在此之前
当我向上滚动的时候
浏览 3提问于2018-07-23得票数 4
我想知道为什么每当我试图在我的angular项目中添加一个组件时，我都会收到这样的消息，尽管我在我的项目中安装了Angular CLI。
浏览 0提问于2019-10-30得票数 1
无法在intellij idea中导入gradle项目原因: org.gradle.api.internal.artifacts.DefaultModuleVersionSelector我无法通过终端构建项目在终端中的also.Error是：
失败:生成失败，出现异常。*出错之处:任务':commons:compileJava‘执行失败。编译失败；
gradle file:
buildscript {
repositories {
mavenCentral()
// maven { url "${artifactoryRepoUrl}"
浏览 3提问于2017-01-13得票数 0
我正在尝试编写一个正则表达式来捕获文本中间的句点(like.this)。我为数字和引文等写了一些例外，但我想不出如何让它允许一个句子中间有三个句号(like...this)。
以下内容不应匹配：
.“.”not...match 7.30
以下内容应该是匹配的：
is.match
Atm我的regex看起来像这样：(\.[^ 0-9."“])
希望有人能帮我，因为我真的被困住了。
亲切的问候
编辑好让我更清楚
溶液
最后使用了这个
(?<=\p{L})(?:\.{1,2}|\.{4,})(?=[^ 0-9."“]\p{L})
浏览 1提问于2021-08-18得票数 0
回答已采纳
我想在我的angular 6项目中使用新的路由器模块，所以我想知道是否有一种方法可以生成angular 7的新路由器模块，它将自动导入到app-module.ts中？
浏览 10提问于2019-02-03得票数 0
回答已采纳
我试着在angular4管道中显示卢比符号
{{amount | currency:"₹":0}}
但这不管用。还有其他解决办法吗。
浏览 21提问于2017-10-19得票数 1
回答已采纳
我正在使用下面的代码来结束呼叫，但这并没有发生。
private void endCallIfBlocked(String callingNumber) {
try {
TelephonyManager tm = (TelephonyManager) getApplicationContext().getSystemService(getApplicationContext().TELEPHONY_SERVICE);
Class c = Class.forName(tm.getClass().
浏览 5提问于2014-09-30得票数 0
1回答
我正在尝试在离子模式下使用Swiper Angular，但是swiper没有被初始化。当应用程序运行时，它不会在控制台中显示任何错误，但当检查代码时，我会得到以下结果： <swiper _ngcontent-kch-c220="">
<!--container-->
<!--container-->
<!--container-->
</swiper> 这就是我如何实现swiper的： <swiper
#swiper
[slidesPerView]="3"
[spaceB
浏览 9提问于2021-11-04得票数 0
回答已采纳
来自
当一个组件被实例化时，角
为组件创建阴影DOM。将选定的模板加载到阴影DOM中。创建一个子注入器，该子注入器使用组件的appInjector配置。
但是，据我所知，IE、Safari，甚至在Firefox的默认配置中都不支持影子DOM！
考虑到阴影DOM不是一个可以通过js库或其他工具轻松添加到浏览器中的特性，那么浏览器对angular2的支持将如何呢？
PS:请原谅我调用IE和Safari (特别是IE) 流行浏览器！
浏览 4提问于2015-06-03得票数 4
回答已采纳
1回答
我只是尝试将mdb-bootstrap动画添加到我的angular项目中，但动画不起作用。我只是按照基本的mdb动画的说明。它在MDB编辑器中工作，但当我将相同的代码放入我的angular项目中时，它不工作。我尝试的代码是
// angular.json
"styles": [
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-fr
浏览 2提问于2020-06-15得票数 2
要在子目录中查找所有扩展名为.out的文件路径，我将使用
find . -name '*.out'
要在以.out结尾的所有文件中使用grep模式，我将使用
grep pattern *.out
如何将这两个命令组合在一起，以便找到所有文件，然后在这些文件中添加grep？
我在寻找一种优雅的替代物
grep -r 'pattern' . | grep '.out'
浏览 0提问于2018-08-21得票数 3
回答已采纳
4回答
当模式显示时，如何禁用像TAB这样的按键事件？我在页面上的表单中有多个按钮和字段，可以通过Tab键选择(聚焦)。我想在模式显示时禁用它。应用程序使用Angular，模式位于一个子组件中。 <button tabindex="0">Button1</button>
<button tabindex="0">Button2</button>
<form>...</form>
<div id="myModal" class="modal fade" rol
浏览 36提问于2018-01-22得票数 1
回答已采纳
我已经在本地机器上设置了angular代码。我需要知道我在项目中使用的角度的版本。如何在命令提示符中轻松找到？
浏览 1提问于2017-06-12得票数 112
Angular中的所有服务都是单例的。众所周知，单例是一种糟糕的做法。
我知道很多人(包括我)对Angular非常满意。这里我漏掉了什么？
浏览 0提问于2015-07-20得票数 1
1回答
我想更新一个由Angular 2开发的现有应用程序到最新的Angular 9，我找到了一些教程 How to update angular 2 in Angular CLI How to upgrade Angular CLI to the latest version https://medium.com/@satyapriyamishra111/how-to-upgrade-angular-2-4-5-application-to-angular-6-85c7775896c2 https://update.angular.io/#2.0:9.0 我仍然是angular的新手，所以我是否只
浏览 16提问于2020-04-17得票数 0
回答已采纳
我有以下组件，一个主要的和另一个。我想以编程的方式从main导航到另一个。
主
/// <reference path="../../node_modules/angular2/typings/browser.d.ts" />
/// <reference path="../../node_modules/angular2/core.d.ts" />
/// <reference path="../../node_modules/angular2/router.d.ts" />
import {Compone
浏览 4提问于2016-04-16得票数 0
回答已采纳
当我运行离子cordova运行android -设备时，这个应用程序可以工作，但是当我尝试离子cordova运行android -prod-release时，会出现错误。
我正在尝试在我的延迟加载页面中使用ng2-qrcode。
错误: D:/qrstore/node_modules/ng2-qrcode/dist/ng2-qrcode.d.ts‘中由模块'ItemDetailPageModule在D:/qrstore/src/pages/item-detail/item-detail.module.ts'.中声明的意外值“QRCodeComponent”请添加一个@管道/@
浏览 3提问于2017-10-08得票数 1
回答已采纳
2回答
如何从aspx切换到cshtml
、、、、
在我的旧应用程序中，我使用Default.aspx作为ui路由器的布局页面。在该页的底部是：
<form runat="server" style="visibility: collapse">
<asp:HiddenField ID="mkt" runat="server" />
<asp:HiddenField ID="id" runat="server" />
</form>
在我的角度服务中，我用
var market =
浏览 2提问于2015-09-16得票数 0
回答已采纳
我有剑道网格，其中有内联编辑，我有模式弹出窗口，以显示对特定事件的更新，保持刷新和填充数据。
当我打开模式时，我不能在剑道网格中进行编辑。
我使用的是Angular 1.4.7。
浏览 2提问于2018-12-01得票数 0
新西兰Zorro有两个很好的布局角度库，large screen和mobile版本。我是否需要创建两个应用程序，一个用于大屏幕，另一个用于移动设备？有没有办法在同一个angular应用程序中使用这两个库？ 感谢你的帮助
浏览 19提问于2021-07-27得票数 0
回答已采纳
我是Angular和Typescript的新手。所以我有那么一瞬间会让我感到不安。我的项目中的所有.ts文件都与.js有重复。并且我希望只有没有.js重复的.ts文件。如何避免创建.js副本？
浏览 0提问于2018-02-26得票数 0
3回答
当我试图在提供程序中使用import nativepagetransition时，它显示了一个错误。
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@i
浏览 0提问于2019-02-01得票数 3
回答已采纳
在调用UIImagePickerController on iOS 10.2之后，我想隐藏状态栏。
有几个问题的答案不适用于SWIFT3.0。
建议的答案如下：
扩展UINavigationController以覆盖preferStatusBarHidden，因为UIImagePickerController是UINavigationController的子类。
所以我试着：
extension UINavigationController{
open override var prefersStatusBarHidden: Bool{
return tru
浏览 5提问于2017-01-04得票数 4
回答已采纳
我使用的是angular JS。
我有一个超时模式的问题。如果在gui上，由于会话不活动而出现任何已打开的模式和超时模式，则超时模式隐藏在已打开的模式之后。我需要关于如何在所有模态中获取超时模态的帮助
浏览 0提问于2015-01-30得票数 0
2回答
我有一些问题集成我的物化旋转木马滑块在一个模式。我找不到这个问题，也无法通过google或materializecss网站找到可能的解决方案。所以我的问题是：
我创建了一个画廊，在这里你点击一个图像，你就可以打开一个带有完整宽度滑块的模式。打开模式效果很好，但我根本看不到模式中的图像。只有当我调整浏览器的大小时，图像才会出现。
我正在使用angular5，我在页面设计中使用materializecss。
(我知道有一个@angular/material和ng2-materialize npm包是更好的方法，但我刚开始用angular5开发，所以我想只学习一个新框架(angular5)，并将你已
浏览 2提问于2018-05-17得票数 1
1回答
我现在遇到了一种情况，我需要隐藏变量的已解析值，即，当代码在调试模式下运行时，该值不应该出现，即ksh -x。
我在类似的问题上看到过其他线程，但是，在read -s选项的帮助下，已经提供了一种从STDIN值读取的方法。但我不需要从STDIN中读取值。
请帮我解决这个问题。
谢谢，阿米特
浏览 4提问于2017-03-14得票数 0
3回答
我已经将我的项目从角5.2.9升级到了6.0.0-rc.5。
除了包路径中很少有快速的RxJS修复，所有看起来都很好。(这个链接非常有用：)
但是，由于某种原因，我在@角/核心模块中遇到了AnimationEntryMetadata的问题。
我是在进口：
import {AnimationEntryMetadata} from '@angular/core';
为了创造动画。但是现在我得到了以下错误：
模块./节点_模块/@角/核心/核心“”没有导出的成员'AnimationEntryMetadata'
，有人遇到过这个问题吗？
我比较了两个版本之间的两个@角/
浏览 2提问于2018-05-08得票数 4
回答已采纳
4回答
我刚刚用ionic 5创建了一个空白项目，并为内容添加了一个背景图片。在那之后，我修改了page.page.scss文件以使头文件透明，但它不起作用。
如果我只为离子内容选择一个背景颜色，就可以了。
请帮帮我。
下面是我的环境：
离子：
Ionic CLI : 6.11.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.3.1
@angular-devkit/build-angular : 0.901.1
浏览 4提问于2020-08-16得票数 1
1回答
当我尝试使用angular-chart框架时，我可以看到我定义的系列，但看不到标签和数据。我在我的index.html中包含了以下三个文件
<link rel="stylesheet" href="bower_components/angular-chart.js/dist/angular-chart.css">
<script src="bower_components/Chart.js/Chart.js"></script>
<script src="bower_components/angu
浏览 0提问于2015-07-16得票数 0
在我的项目中，我正在使用来对javascipt文件进行丑陋化。
问题：
如何将子文件夹/子目录中的所有javascript文件丑化？
我在Gruntfile.js中所做的事情：
目前，它只会对js文件夹中的javascript文件进行丑化，因为我使用的是src：'js/*.js‘。但是，js文件夹中还有其他目录，其中包含javascript文件：
├── CommonUtil.js
├── Paging
│ ├── dirPagination.js
│ └── dirPagination.tpl.html
├── angular-chart.js
├── angular-ela
浏览 2提问于2016-09-02得票数 2
回答已采纳
我们使用Catel3.9和FileLogListener。但是，日志格式不包含日期或线程id。时间格式也是在12h而不是24小时。
我找不到任何方法来定制日志格式，比如在log4net中。是可能还是需要实现我自己的FileLogListener？
浏览 7提问于2015-06-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
