gpt4 book ai didi

javascript - 显示页面不断变化的区域的 Angular 最佳实践

转载 作者:行者123 更新时间:2023-12-03 11:05:30 24 4
gpt4 key购买 nike

所以我有点迷失,而且我对 Angular 还很陌生,如果有人能让我知道完成某些事情的最佳整体架构方法:

我的页面有 2 个大的垂直区域。第一个是框中的文档名称列表。当您单击其中之一时,右侧区域中会出现几个选项卡。其中一个显示嵌入 ViewerJS 容器中的文档,然后另一个具有与该文档相关的元数据。

因此,每当我更改左侧栏中单击的文档时,我都希望刷新整个右侧。我不清楚我到底需要在这里做什么。我知道左侧将发出 $http 请求,然后当它从服务器返回信息时,它需要以某种方式将其加载到右侧。

我知道在 jQuery 中我只会在右侧创建一个大的 DIV,当我想要替换它时,我会在 DOM 中清空它,然后将新的 HTML 粘贴到其中。我只是不清楚 Angular 中执行此操作的正确方法是什么?我希望能用英语很好地解释自己。

最佳答案

Here ya go!

function dummyCtrl ($http, $scope) {
$scope.test1 = 'test';
$scope.test2 = "I'm blank"

$scope.callHttp = function () {
$http.get('/').then(function () {
$scope.test2 = 'I\'m from $http';
});
};
}

<body ng-app class="container">
<div class="row" ng-controller="dummyCtrl">
<div class="col-xs-6">
<button class="btn" ng-click="callHttp()">Click for $http</button>
{{test1}}
</div>
<div class="col-xs-6">
{{test2}}
</div>
</div>
</body>

嘻哈万岁,不再需要自定义 DOM 操作,忘记您在 jQuery 中所知道的内容!

关于javascript - 显示页面不断变化的区域的 Angular 最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27879708/

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