角和打字稿的新手.
我有打字稿枚举如下
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值中的检查作为字符串,这不会给我们静态类型强制执行.如果有,请分享您的观点或任何其他更好的选择.
Bootstrap下拉列表正在被修剪,我查看了以下问题中提到的所有选项,但没有奏效.
Twitter Bootstrap Button下拉z-index分层问题
Twitter bootstrap下拉菜单中的z-index问题
要求
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)想要从 nx 10 工作区迁移到 12,而不离开 Angular 10。
nx migrate latest但是,默认情况下升级也会升级 Angular。
我搜索了https://nx.dev/previous/angular/core-concepts/updating-nx。
这里没有具体提及。
有人可以告诉我是否可能吗?如果可以,您可以提供步骤吗?