什么是处理ng-include的最佳方法？

Question

I have page which includes a file dynamically like so:

<div ng-include="filename + '.html'"><div>

This works if the file exists. Otherwise it throws a big ugly console error.

Is there an elegant way to handle this in angular? eg something like:

<div ng-include="'somefile.html'" ng-ifnexist="'default-page.html'"></div>

Whats the best approach?

Answer 1

This is getting a bit messy, and ngIf is effectivly deprecated in favour of Directives, but what about

<div ng-if="[list of possible names].indexOf(filename) > -1">    
  <div ng-include="filename + '.html'" ></div>
</div>

<div ng-if="[list of possible names].indexOf(filename) == -1">    
  <div ng-include="'default-page.html'" ></div>