gpt4 book ai didi

angularjs - 当依赖项中的项目具有相同的名称时,您如何管理冲突?

转载 作者:行者123 更新时间:2023-12-05 05:26:09 27 4
gpt4 key购买 nike

这既是关于 Angular 架构的问题,也是关于如何使用它的问题。

我创建了一个非常简单的 Angular 应用程序。它有一个名为 App 的主模块,App 有两个依赖项,Dep1Dep2。这两个 Dep 都有一个名为 theConst 的常量。那么当 theConst 被用在 App 中时,Angular 是如何决定使用什么的?

就目前而言,当我测试应用程序时,Angular 选择 Dep2 的值,这是第二个注入(inject)的。如果我想在某些地方引用 Dep1 的值而在其他地方引用 Dep2 的值怎么办?

代码:

<html>
<head>
<title>Testing</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="js/Dependency1.js"></script>
<script src="js/Dependency2.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-app="App">
<div ng-controller="Ctrl">
<h1>{{greet}}</h1>
<h5>{{const}}</h5>
</div>
</body>
</html>

Javascript:

angular.module('Dep1', [])
.constant('theConst', "Number One!");

angular.module('Dep2', [])
.constant('theConst', "Number Two!");


angular.module('App', ['Dep1', 'Dep2'])
.controller('Ctrl', ['$scope', 'theConst', function($scope, theConst){
$scope.greet = "Howdie!";

$scope.const = theConst;
}]);

最佳答案

Angular 模块是一个奇怪的东西(我不喜欢它们 - 但这是个人意见)。它们只提供抽象分组,没有命名空间,没有捆绑/脚本加载。

最后是这样的:您必须自己确保没有 2 个工件具有相同的名称。可能有 Grunt/Gulp/you 构建系统的插件可以帮助你,但我不知道。

Angular 将选择它遇到的具有给定名称的最后一个工件。 (当在多个文件中声明工件时,这会变得很有趣。)

关于angularjs - 当依赖项中的项目具有相同的名称时,您如何管理冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27828433/

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