angularjs - ng-switch 更改指令的用户界面

Question

我创建了一个用于显示人员详细信息的指令：

angular.module('person.directives', []).
directive("person", function() {
return {
    restrict: "E",
    templateUrl: "person/views/person.html",
    replace: true,
    scope: {
        myPerson: '='
    },
    link: function (scope, element, attrs) {

    }        
}

});

风景：

<div>
<span>FirstName: {{myPerson.firstName}}</span><span>LastName: {{myPerson.lastName}}               </span>
 </div>

它的调用方式：

<person my-person="mandat.Person"></person>

强制是父控制器的属性。

现在，如果 myPerson 为 null，则指令的 UI 应显示搜索按钮而不是人员详细信息。

doig 的最佳方法是什么？我可以使用 ng-switch 语句吗？在这种特殊情况下我将如何使用它？

Answer 1

我发现...我使用 ng-show 和 ng-hide

<div>
<div ng-show="myPerson">
    <span>FirstName: {{myPerson.firstName}}</span><span>LastName: {{myPerson.lastName}}</span>
</div>
<div ng-hide="myPerson">
    <button>search</button>

</div>