javascript - 在 AngularJS 中使用 Coldfusion 查询结果集

标签 javascript angularjs coldfusion

我正在尝试在我的 cfm 文件中使用 AngularJS 来显示来自 cfquery 结果集的数据。 我在我的 cfm 文件中使用了以下代码。我看不到任何输出。 附言我真的是 AngularJS 的新手。因此,如果有人可以在这里帮助我,那就太好了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html ng-app="Demo">

<head>
  <link rel="stylesheet" href="/Applications/_Common/style.css" type="text/css">
</head>

<body>
  <cfsetting enablecfoutputonly="Yes">
    <CF_GetProjectData project_number=349246 query_name="GetProject">
      <div ng-controller="DemoController">
        <div ng-repeat="number in project">
          {{number.project_number}} - {{number.project_name}}
        </div>
        <!-- <input name="imprint" type="text" size="10" ng-model="first">
        <p>{{first}}</p> -->
      </div>

      <cfoutput>
        <script language="JavaScript" src="/CFIDE/scripts/wddx.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script language="text/javascript">
          var theProjectArray; < cfwddx action = "CFML2JS"
          input = "#GetProject#"
          toplevelvariable = "theProjectArray" >
        </script>
        <script>
          var Demo = angular.module("Demo", []);
          Demo.controller("DemoController", function($scope) {
            $scope.project = theProjectArray;
            alert(theProjectArray);
          });
        </script>
      </cfoutput>

      <cfsetting enablecfoutputonly="No">
</body>

</html>

最佳答案

我不确定 Angular.js 但根据您发布的代码,您似乎需要将 ng-controller div 包装在 cfoutput 。这是因为您设置了 enablecfoutputonly="Yes"。因此只有 cfoutput 中的内容会被渲染。

关于javascript - 在 AngularJS 中使用 Coldfusion 查询结果集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33736905/

相关文章:

javascript - ng-repeat 在对象上部分循环

angularjs - ng-repeat 与数组数组

javascript - 扩展 ES6 Promise 以将回调转换为延迟模式

javascript - 使用 Angular.fromJson 数据数组始终处理为字符串而不是数组

jquery - 如何将 CSS 应用于 <cfloop> 的第一次迭代而不应用于后续迭代?

frameworks - 工单系统的 ColdFusion 框架

Coldfusion 到 asp.net

javascript - 如何让按钮拾取功能

javascript - FreeCodeCamp 的“奇数斐波那契数之和”任务是否有递归版本?

javascript - 容器 View : limitations when dynamically adding views