天天看点

在 AngularJS 应用中通过 JSON 文件来设置状态 【已翻译100%】

想象一个使用简单的angular ui路由的 angularjs 应用:

我们仅定义了一个称为 'home'的状态。如果我们需要更多的状态,只需要在 config() 增加更多的function即可。在这篇文章中,我们将会使用json文件方式添加更多的状态,而不是在代码中去写死。

下面是我们在json中定义的状态:

{

现在我们的应用变成这样了:

我们可以看到现在正在使用 'routing'

'routing' 提供了一个叫做 'router' 的provider方法可以获取到json文件并构建各种状态。

这是一个设想的证明过程。

还有一些问题 (如果你知道怎么解决请告诉我):

直到我们从一个http请求加载了各种状态为止, angular 应用在加载的时候没有得到所有的状态, 所以我们要使用老的方式至少加载第一个状态。

我们可以在应用运行的时候重新加载状态。我们可以新加状态,但是我们没法改变已经存的的状态。

你可以在我的 github 帐户上看例子。

继续阅读