gpt4 book ai didi

javascript - Angular .js : routing to an editor-version of the current article

转载 作者:行者123 更新时间:2023-12-03 10:11:04 25 4
gpt4 key购买 nike

我有一些相同类别的文章,我的路由如下:

app.config(function($routeProvider) {
$routeProvider
.when('/chapter/:title', {
templateUrl: 'article.html',
controller: 'article'
});
});

article.html:

<h1>{{title}}</h1>
<p>{{content}}</p>
<button>Editor</button>

但是现在我想获取从本章每篇文章到编辑器版本的路由以更改内容。这个编辑器版本可能如下所示:

editor_article.html:

<input type="text" value="{{title}}">
<textarea>{{content}}</textarea>

那么将文章的按钮路由到 editor_article.html-template 并使用相同的数据加载它的最佳方法是什么?

最佳答案

这里没有“最佳方法”,这完全取决于您的具体情况。

所有最终用户都对此具有平等的访问权限(或者换句话说,任何可以打开开发控制台的人都应该被允许访问此页面)吗?

如果没有,您需要在加载 SPA 的大部分代码之前解决登录问题。

如果登录不是问题,或者已经解决了,为什么需要单独的路由?
您需要在浏览器中单独缓存这些页面吗?
除此之外还有其他考虑吗?
完全合理的问题;从艺术的 Angular 来看,也许您希望页面转换能够与您更改路由时的其他转换相匹配,或者您依赖于routeParams来实现我们不知道的某些逻辑。

但是,除了上述所有内容之外,您很可能只需一个按钮和几个带有指令的 ng-if 语句。

<body >
<main ng-view></main>
</body>

<!-- template -->
<section >
<button
ng-click="article.toggleMode()">{{
article.editMode ? "View": "Edit"
}}</button>
<article-view
content="article.content"
ng-if="!article.editMode"
></article-view>
<article-edit
content="article.content"
onsave="article.save(content)"
ng-if="article.editMode"
></article-edit>
</section>

使用指令定义两个模板,在上面的示例中使用 controllerAs:"article"

即使这样也可能会让事情变得复杂。

关于javascript - Angular .js : routing to an editor-version of the current article,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30114726/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com