각도 함수가 true를 반환하는 경우 html에 단추를 만드는 방법은 무엇입니까?

Question

나는 HTML에서 NG 반복과 테이블이 여기에 내가 그것을 false를 반환하는 경우 내 checkTerminalGroup (x)는 각 기능은 사실 아무것도 반환하는 경우 제출 '버튼을 만들려면이 테이블

<tbody> 
      <tr dir-paginate="x in serverData | filter:filterData | filter:filterData | itemsPerPage: itemPerPageValue | orderBy : orderBy"> 
       <td>{{ x.name }}</td> 
       <td>{{ x.description }}</td> 
       <td>{{ x.priority }}</td> 
       <td ng-show="btnTGDetails"> 
        <a class="detailButton" href="#" ng-click="loadPage('terminalList', 'page', x.id, x.name);"></a> 
       </td> 
       <td> <input name="addNewTerminalButton" value="Configure" type="{{ (checkTerminalGroup(x))? ('submit') : ('') }}" ng-click=""/></td> 
      </tr> 
     </tbody> 

의 입니다. 이미 이전에 표시됩니다이 콜라를 썼다,하지만 내 함수가 false를 반환하는 경우는 텍스트 상자처럼 나타납니다,하지만 난

<td>{{ (checkTerminalGroup(x))? ('<input name="addNewTerminalButton" value="Configure" type="submit" ng-click=""/>') : ('') }}</td>

처럼 코크스를 필요로 아무것도하지 않으려는하지만이 작동하지 않습니다. 내가 어떻게 할 수 있는지 말해 줄 수 있니?

Answer 1

당신은, 당신은 DOM에서 입력을 제거/삽입하는 ng-if 지시어를 사용하여

<td>{{ (checkTerminalGroup(x))? ('<input name="addNewTerminalButton" value="Configure" type="submit" ng-click=""/>') : ('') }}</td> 

<td> 
    <input name="addNewTerminalButton" 
      value="Configure" 
      type="submit" 
      ng-click="" 
      ng-if="checkTerminalGroup(x)"/> 
</td> 

로 교체 할 수 있습니다. ng-show보다 ng-if을 사용하는 것이 dom에서 요소를 제거 할 때 더 자주 사용하는 것이 좋으며 해당 요소에서 변경 감지를 트리거하지 않습니다.

Answer 2

당신은 하드 코드 당신이 달성하려고하는 무엇 type = "submit"

<tbody> 
     <tr dir-paginate="x in serverData | filter:filterData | filter:filterData | itemsPerPage: itemPerPageValue | orderBy : orderBy"> 
      <td>{{ x.name }}</td> 
     <td>{{ x.description }}</td> 
      <td>{{ x.priority }}</td> 
      <td ng-show="btnTGDetails"> 
       <a class="detailButton" href="#" ng-click="loadPage('terminalList', 'page', x.id, x.name);"></a> 
      </td> 
      <td> <input name="addNewTerminalButton" ng-if="checkTerminalGroup(x)" value="Configure" type="submit" ng-click=""/></td> 
     </tr> 
    </tbody>