如何使用 AngularJS 访问位于不同 js 文件中的变量数据

Posted 2023-05-09

【中文标题】如何使用 AngularJS 访问位于不同 js 文件中的变量数据

【英文标题】：How can I access a variable data which is in a different js file using AngularJS

【发布时间】：2018-06-12 02:41:10

【问题描述】：

我想在另一个 js 文件中使用变量数据。我如何在 anularjs 中做到这一点。

在 one.js 文件中，我有一个变量 tagText="SAP"，我想在另一个 js 文件（two.js）中使用它的值。我如何在 angularjs 中做到这一点？

有人可以帮忙吗？

【问题讨论】：

那么从另一个控制器访问一个控制器内的变量？请出示相关代码。

从一个控制器访问值到一个指令。我在控制器（searchController.js）中有一个变量 $scope.tagText，我想在我的指令（autoComplete.js）中读取这个值。

AngularJS: How can I pass variables between controllers?的可能重复

【参考方案1】：

在我看来 您可以创建该文件 oneService.js 的服务

myApp.service('oneService', oneService);

function oneService()
    var tagText;
    return 
        getTagText:getTagText,
        setTagText:setTagText
    ;
    function getTagText()
        return tagText;
    
    function setTagText(tagText)
        this.tagText=tagText;
    

在任何控制器中注入此服务，您可以通过 getter 和 setter 访问该控制器上的 tagText 变量

在单例中以角度服务，一次你有变量的最新值