Javascript 使用ngshow改进AngularJS视图更新
现在我有一个视图，当满足某些条件时，使用ng show显示Javascript 使用ngshow改进AngularJS视图更新,javascript,angularjs,ng-show,angularjs-view,Javascript,Angularjs,Ng Show,Angularjs View,现在我有一个视图，当满足某些条件时，使用ng show显示selectDOM对象，在所有其他情况下，使用ng show显示inputDOM对象。当我这样做并在这两种情况之间切换时，input框消失的时间要比出现select时长。延迟是非常明显的，所以我想对其进行改进，使两个DOM更改之间的延迟非常小 有没有办法做到这一点 <div> <input ng-show="field && (type == 'search' || fieldBucket[field
selectinputinputselect<div>
<input ng-show="field && (type == 'search' || fieldBucket[field].moreBuckets)"
type="text" ng-model="value">
<select class="facet-value"
ng-show="field && type == 'filter' && !fieldBucket[field].moreBuckets"
ng-model="value"
ng-options="fieldBucket[field].buckets">
</select>
</div>
我不认为它与ng show或hide有任何关系，它可能取决于您希望从服务器得到的一些数据作为响应。 我已经为您创建了一个简单的演示，在基本ng显示/隐藏中，如果同时设置了它们的值，则不会有任何分支
<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
<div class="wrapper" ng-app="test">
<div class="phone" ng-controller="TestCtrl" ng-init="type = 'search'">
<a href="" ng-click="type = 'search'"> search</a>
<a href="" ng-click="type = 'filter'"> filter</a>
<div >
<input ng-show="type == 'search'"
type="text" ng-model="value">
<select class="facet-value"
ng-show="type == 'filter'"
ng-model="value"
ng-options="obj.name for obj in list">
</select>
</div>
</div>
</body>
<script type="text/javascript">
var app = angular.module('test', []);
function TestCtrl($scope) {
$scope.list = [{name : 'one'}, {name : 'two'}];
}
</script>
</html>
var app=角度模块（'测试'，[]）；
函数TestCtrl（$scope）{
$scope.list=[{name:'one'}，{name:'two'}]；
}
ng hideng show