小编Tra*_*ans的帖子

在角度HTML页面中使用Typescript枚举的正确方法(例如角度ng级)

角和打字稿的新手.

我有打字稿枚举如下

public enum MyEnum{
   A = 0,
   B = 1,
   C = 2
}
Run Code Online (Sandbox Code Playgroud)

范围变量如下 -

$scope.myLetter: MyEnum = MyEnum.B;
Run Code Online (Sandbox Code Playgroud)

进行枚举检查的正确方法是什么?

选项1:比较html页面中枚举的整数值 -

<div ng-class="{classA: myLetter === 0, classB: myLetter === 1, classC: myLetter === 2}">Test panel</div>
Run Code Online (Sandbox Code Playgroud)

选项2:从控制器范围方法获取类名

$scope.getClass(value: myLetter): string{
    if(value === MyEnum.A)
    return 'classA';

    if(value === MyEnum.B)
    return 'classB';

    if(value === MyEnum.C)
    return 'classC';
}
Run Code Online (Sandbox Code Playgroud)

并将html元素作为 -

<div ng-class='getClass(myLetter)'>Test panel</div>
Run Code Online (Sandbox Code Playgroud)

方案3:回答给出"RyanNerd"Angular.js和NG-开关时-模仿枚举

对我来说,选项2是可取的,其余选项将ng-class值中的检查作为字符串,这不会给我们静态类型强制执行.如果有,请分享您的观点或任何其他更好的选择.

angularjs typescript

24
推荐指数
1
解决办法
2万
查看次数

处理twitter引导下拉截断的问题,容器上有溢出自动

Bootstrap下拉列表正在被修剪,我查看了以下问题中提到的所有选项,但没有奏效.

Bootstrap下拉切断

Twitter Bootstrap Button下拉z-index分层问题

Twitter bootstrap下拉菜单中的z-index问题

要求

  • 我想在主div中滚动
  • 我希望bootstrap下拉不被剪裁
  • 不应更改div和下拉列表的高度宽度

Plunker: http ://plnkr.co/edit/HOKKYJ?p = preview

<!DOCTYPE html>
<html>

  <head>
    <title>Clipping problem</title>
        <link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" />
        <link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
        <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
        <script data-require="bootstrap@*" data-semver="3.3.5" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
     <script>
            angular.module("myApp", []).controller("MainCtrl", function($scope) {
            });
        </script>
  </head>

 <body style="height:100%;" ng-app="myApp">
        <div style="background: indianred; position: relative; left:40%; height: 200px; width: 250px; overflow-y: auto;">
                <div ng-repeat="num in [1,2,3,4,5]">
                    <div style="background: bisque; …
Run Code Online (Sandbox Code Playgroud)

css jquery twitter-bootstrap

7
推荐指数
1
解决办法
3928
查看次数

我可以在不升级 Angular 版本的情况下更新我的 monorepo nx 工作区吗?

想要从 nx 10 工作区迁移到 12,而不离开 Angular 10。
nx migrate latest但是,默认情况下升级也会升级 Angular。

我搜索了https://nx.dev/previous/angular/core-concepts/updating-nx
这里没有具体提及。

有人可以告诉我是否可能吗?如果可以,您可以提供步骤吗?

monorepo nrwl nrwl-nx

4
推荐指数
1
解决办法
3137
查看次数