小编Edd*_*dyG的帖子

我有一个可折叠的面板,但我希望它默认情况下是未折叠的.

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" href="#collapse1">
                <span class="glyphicon glyphicon-collapse-down"> </span>1st Round</a>
        </h4>
    </div>
    <div id="collapse1" class="panel-collapse collapse">
        <div class="panel-body">First round details</div>

    </div>
</div>

如果我删除崩溃从

<div id="collapse1" class="panel-collapse collapse">

它工作,但第一次点击取消折叠不起作用.

是否可以申请

onSameUrlNavigation: reload 

Angular 中只有一条特定路线？

是否有可能在扑扑火店

1. 选择不等于的地方？类似于 SQL 的东西：SELECT * FROM tbl WHERE id != 2
2. 选择哪里不在？类似于 SQL 的东西：SELECT * FROM tbl WHERE id NOT IN [1,3,6]

在 firebase 文档页面上，他们有in and array-contains-any但没有显示颤振的示例。

https://firebase.google.com/docs/firestore/query-data/queries

我正在使用流从 REST API 检索数据，但是当数据库中的数据更新时，流不会刷新应用程序中的数据。

StreamController _productsController = new StreamController();
...         
//products is a list that contains the data
_productsController.add(products);
...
body: Container(
        child: StreamBuilder(
            stream: _productsController.stream,
            builder: (BuildContext context, AsyncSnapshot snapshot) {...}

我看到一个解决方案建议定期从 API 重新加载数据，例如每 1 秒一次。

Timer.periodic(Duration(seconds: 1), (_) => loadDetails());

来源：来自 Flutter 中 PHP 的 API Stream（不是 Firebase）

我认为这不是一种有效的方法。例如，在我的应用程序中，我想集成数据更改而不重新加载数据。

有没有一种有效的方法可以使流反映应用程序中的数据更改而无需重新加载数据？

这是 w3schools 的轮播示例。

<div id="demo" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>

  <!-- The slideshow -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="la.jpg" alt="Los Angeles">
    </div>
    <div class="carousel-item">
      <img src="chicago.jpg" alt="Chicago">
    </div>
    <div class="carousel-item">
      <img src="ny.jpg" alt="New York">
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>

</div>

为了使轮播响应，我在 css 中添加了以下内容：

.carousel-item-next, .carousel-item-prev, .carousel-item.active { …

我用facebook应用程序写了一个flutter登录。

它在 Android 上正常工作。在 iOS 模拟器和真正的 iPhone 设备上它不起作用。两者都有 iOS 13.2。

pub spec.yaml 文件

  firebase_auth: ^0.6.6
  flutter_facebook_login: ^1.1.1
  flutter_auth_buttons: ^0.3.1

main.dart 文件

import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter_facebook_login/flutter_facebook_login.dart';
import 'package:flutter_auth_buttons/flutter_auth_buttons.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  FirebaseAuth _auth = FirebaseAuth.instance;
  bool isLogged = false;
  FirebaseUser myUser;

  Future<FirebaseUser> _loginWithFacebook() async {
    var facebookLogin = new FacebookLogin();
    var result = await facebookLogin.logInWithReadPermissions(['email']);
    debugPrint(result.status.toString());
    if (result.status == FacebookLoginStatus.loggedIn) …

我有一个引导按钮

<button class="btn btn-primary">Login</button>

我希望此按钮在未禁用时具有光标指针（手）而不是默认指针（箭头）。

按钮禁用属性由Angular组件中的变量管理

<button class="btn btn-primary" [disabled]="user==undefined">Login</button>

我想根据搜索值隐藏和显示行内的引导列。

这是一个简单的模板：

<div class="container py-5">
  <p class="text-center"><input type="text" placeholder="search" [(ngModel)]="searchVal"></p>
  <div class="row">
    <div *ngFor="let val of values" class="col-4 my-2">
      <ng-container *ngIf="val.toLowerCase().indexOf(searchVal.toLowerCase())!=-1">
        {{val}}
      </ng-container>
    </div>
  </div>
</div>

和组件：

export class AppComponent  {
  searchVal : string = "";
  values = ['Manager', 'Model', 'Teacher', 'Student'];
}

理想的解决方案是在列上使用 ngFor 和 ngIf：

<div class="row">
    <div *ngFor="let val of values" class="col-4 my-2" *ngIf="val.toLowerCase().indexOf(searchVal.toLowerCase())!=-1">
        {{val}}
    </div>
  </div>

但我们都知道，不可能在同一元素上同时使用两者。

在我在这里提供的代码中，我使用 ng-container 来解决这个问题，但是，由于 ng-container 不在列内，如果值不匹配，则该列保持显示，其内容被隐藏，这看起来很难看。尝试在搜索字段中输入字母“t”，看看我的意思。我正在寻找的解决方案是如果其值不匹配则删除整个列。

这是运行代码： https: //angular-rgc8f7.stackblitz.io