Javascript AngularJS ng选择并在发出时切换ng_Javascript_Html_Ajax_Angularjs_D3.js

Javascript AngularJS ng选择并在发出时切换ng

javascript html ajax angularjs d3.js

Javascript AngularJS ng选择并在发出时切换ng,javascript,html,ajax,angularjs,d3.js,Javascript,Html,Ajax,Angularjs,D3.js,我试图在角度图表中添加一个选择菜单，但遇到了一些问题。我使用了选择应用程序模板，并试图将其合并到我当前的应用程序中。然而，页面上唯一显示的是选择菜单和图形的轴我查看了控制台日志中可能出现的任何错误，发现其中一个src url没有找到，并在当前代码中更新了该url。然而，这并没有解决我的问题，控制台中也没有出现更多的错误，让我了解我做错了什么。这是我第二次使用selection指令，所以我很难发现代码中的任何错误我的标记： <!DOCTYPE html> <h

我试图在角度图表中添加一个选择菜单，但遇到了一些问题。我使用了选择应用程序模板，并试图将其合并到我当前的应用程序中。然而，页面上唯一显示的是选择菜单和图形的轴

我查看了控制台日志中可能出现的任何错误，发现其中一个src url没有找到，并在当前代码中更新了该url。然而，这并没有解决我的问题，控制台中也没有出现更多的错误，让我了解我做错了什么。这是我第二次使用selection指令，所以我很难发现代码中的任何错误

我的标记：

    <!DOCTYPE html>
    <html ng-app="myApp">

    <head>
     <meta charset="utf-8" />
     <link rel="stylesheet" type="text/css" href="style.css">
     <title>Angular Chart</title>
     <script src="http://code.angularjs.org/1.2.2/angular.js"></script>
     <script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.3.11/d3.js"></script>
     <script type="text/javascript" src="https://rawgit.com/chinmaymk/angular-charts/bower/dist/angular-charts.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script src="script.js"></script>
    </head>

    <body ng-controller="MainCtrl">
      <select ng-model="selection" ng-options="item for item in items">
       </select>
      <hr/>
      <div ng-switch on="selection">
        <div ng-switch-when="Selection 1">
           <div 
              data-ac-chart="'line'" 
              data-ac-data="data[0]" 
              data-ac-config="config" 
              class="chart">
           </div>
        </div>
        <div ng-switch-when="Selection 2">
           <div 
              data-ac-chart="'line'" 
              data-ac-data="data[1]" 
              data-ac-config="config" 
              class="chart">
           </div>
        </div>
     </div>
   </body>

 </html>

编辑：我现在看到问题在于数据模型中的js文件。我最初认为是在div的html标记中调用的

$scope.data

中的数据数组，因此我只是在该模型下创建了两个不同的数据数组，分别为

dataA

和

dataB

，以代替

data

。但是，数据模型中还需要串联阵列，才能使

data ac data

指令正常工作

我不知道应该如何格式化模型中的代码，以便在进行选择时轻松调用html中的数据。我也不确定是否可以在html标记中使用诸如

“{{{data.dataA}}}”之类的表达式来代替“data”
。请告诉我修改代码的最简单方法。
此
ac-data="dataA" 
ac-data="dataB" 

应该是
ac-data="data.dataA"
ac-data="data.dataB"

这个
应该是
ac-data="data.dataA"
ac-data="data.dataB"

问题在于$scope.data
模型。它需要两组元素，每个元素都有一个系列
和数据
数组。该指令也分别修改为data ac data=“data[0]”
和“data[1]”
 问题在于$scope.data
模型。它需要两组元素，每个元素都有一个系列
和数据
数组。该指令也分别修改为data ac data=“data[0]”
和“data[1]”
 谢谢你的回答，但这不起作用。在我的编辑中，我提到我发现问题出在数据ac data
中的值。值“dataA”
不起作用，因为指令的值要求有一个数据数组（如dataA
和dataB
）以及series
数组，该数组位于$scope.data
中。现在的问题是如何重新格式化$scope.data
，使其包含两个元素，每个元素都有一个系列
数组和一个数据
数组，然后可以插入指令数据ac data
谢谢您的回答，但这不起作用。在我的编辑中，我提到我发现问题出在数据ac data
中的值。值“dataA”
不起作用，因为指令的值要求有一个数据数组（如dataA
和dataB
）以及series
数组，该数组位于$scope.data
中。现在的问题是如何重新格式化$scope.data
，使其包含两个元素，每个元素都有一个系列
数组和一个数据
数组，然后可以将其插入指令数据ac data
很高兴您解决了它。如果这是答案，你会点击左边的勾号图标吗？这就是我们在这里将问题标记为已解决的方式。谢谢直到我回答了自己的问题两天后，我才接受自己的答案。别担心@Nick，别着急：-）
。很高兴你解决了这个问题。如果这是答案，你会点击左边的勾号图标吗？这就是我们在这里将问题标记为已解决的方式。谢谢直到我回答了自己的问题两天后，它才允许我接受自己的答案。别担心@Nick，别着急：-）
。