Javascript 如何使用ionic在angular js中生成自定义指令？

我试图在ionic中生成自定义指令。但我不能像在jQuery中那样显示。实际上，我在应用程序中使用hight图表。我在jQuery中得到了解决方案。但我想在angular js中生成相同的东西。所以我为它生成了自定义指令，但我无法显示与fiddle相同的输出

我想以我的角度显示它，如fiddle所示

我做了一个角度指示，但它没有显示图表。你能告诉我哪里做错了吗

这是我的密码

var-app=angular.module（'app'，['ionic']）；
应用程序指令（'图表'，函数（）{
返回{
限制：'E'，
替换为：“true”，
范围：{
数据数组：“=”，
xAxis_类别：“=”，
标题：“=”，
副标题：“=”，
行：“=”，
yAxisTitle:“=”
},
模板：“你好，世界！！”，
链接：功能（s、e、a）{
}
};
})
应用控制器（'cntrl'，功能（$scope）{
$scope.dataArray=[{
名称:"东京",，
数据：[7.0,6.9,9.5,14.5,18.4,21.5,25.2,26.5,23.3,18.3,13.9,9.6]
}, {
名称：“伦敦”，
数据：[3.9,4.2,5.7,8.5,11.9,15.2,17.0,16.6,14.2,10.3,6.6,4.8]
}]
$scope.xAxis_categories=[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]；
$scope.title=“title”；
$scope.subtitle=“subtitle”；
$scope.chartType=“line”；
$scope.yAxisTitle=“温度（°C）”
})

---

有人知道吗？为什么不显示？

在HTML中，您需要修改char标记以显示范围变量：

<chart dataArray="{{dataArray}}" xAxis_categories="{{xAxis_categories}}" title="{{title}}" subtitle="{{subtitle}}" chartType="{{chartType}}" yAxisTitle="{{yAxisTitle}}"></chart>

---

感谢您提供答案代码。请用小提琴或playionic链接提供答案。您有什么想法吗？>这里有一个使用角度高图表的指令。另外，您忘了在代码中加载jQuery

<chart dataArray="{{dataArray}}" xAxis_categories="{{xAxis_categories}}" title="{{title}}" subtitle="{{subtitle}}" chartType="{{chartType}}" yAxisTitle="{{yAxisTitle}}"></chart>

link: function(scope, element, attrs) {
        $(element).highcharts(....);
}