javascript - 如何让 <script> 与 Angular Controller 共享数据？

Question

我将 ASP.NET(aspx Web 表单)与 C# 和 AngularJS 结合使用。我的 index.html 文件中有一些脚本:

<script>
    function get_stuff(){
       var stuff = document.getElementById("stuff_here").value;
       console.log(stuff);
       // output: [{"name":"toy duck", "color":"yellow"},{"name":"flute", "color":"white"}]
    }
</script>
<input type='hidden' id='stuff_here' value='...' />
<button onclick="get_stuff()">RUN</button>

输出符合要求。但是，我希望能够访问 Angular Controller 的输出，例如使用 ng-click 按钮并让 Angular 函数执行相同的操作。不幸的是，按下按钮时 ng-click 不起作用。我还尝试将 var 东西作为全局变量放在函数之外，但我的 Angular 函数也无法获取它。

我怎样才能得到这个对象？预先感谢您的帮助!

Answer 1

您可以将引导的应用程序数据保存为 Angular 服务，或更准确地说，保存为 Angular 提供程序。

<script>
    var stuff = document.getElementById("stuff_here").value;
    angular.module("myApp").value("myProviderStuff", stuff);
</script>

然后在您的 Angular 应用程序中，

var module = angular.module("myApp");
module.controller("SomeController", function($scope, myProviderStuff) {
$scope.stuff = myProviderStuff;