如何在 Optimizely 中的 Experirment JavaScript 中编写 Angular 控制器答案

【问题标题】：How to write Angular Controller inside Experirment JavaScript in Optimizely如何在 Optimizely 中的 Experirment JavaScript 中编写 Angular 控制器
【发布时间】：2017-12-18 05:05:40
【问题描述】：

我尝试在 optimizely 变化的实验性 javascript 中编写 angularJS 控制器。它似乎不起作用。

基本上我想像这样插入 HTML sn-p

<div ng-app="myApp">
        <div ng-controller="MainController">firstApp</div>
</div>

还有一个控制器，如下所示：

var myApp = angular.module("myApp", []);        
myApp.controller("MainController", function($scope, $window) {
    alert("Angularjs call function on page load");
});

我尝试了几种方法，但它不起作用，有什么办法让它起作用

Plnkr 代码：Demo

【问题讨论】：

标签： angularjs optimizely

【解决方案1】：

你的 html 应该是

<div ng-app="testApp">
    <div ng-controller="MainController">firstApp</div>
</div>

和js

    var myApp = angular.module("testApp", []);        
myApp.controller("MainController", function($scope, $window) {
    alert("Angularjs call function on page load");
});

模块应用名称应与 ng-app 相同，ng-controller 的值是您将使用的控制器的名称

【讨论】：

这是我帖子中的错字，我的模块名称正确，这不是实际问题。
好的，你要添加 Angular 库吗？另外，您可以检查控制台并在此处发布错误吗？。
我尝试过手动角度引导，它说它已经完成，我尝试使用 HTML 插入直接嵌入脚本
不需要手动引导，你的代码没问题，当我在 plunker 上尝试它时它正在工作（如果不是拼写错误）。你错过了一些非常小的东西
我的帖子中缺少控制器，但我有工作代码 plnkr.co/edit/owonSOoCyd9EsaFPTj1Y?p=preview。它不能优化工作