AREQ糟糕论点&QUOT

AREQ糟糕论点&QUOT

本文介绍了角JS&安培;打字稿 - 错误:NG:AREQ糟糕论点"参数“XXXXXX”是不是一个函数,得到了不确定"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

请让在标题中指定的错误。

我分裂模型和控制器到下分别为模型和控制器目录存储单独的文件。

当我试图把它们连接起来,我得到了一个错误说。纳克:AREQ糟糕论点参数rightPaneCtrl不是一个函数,得到了不确定

这有什么错我的code?

index.html的↓

 < HTML NG-应用=rightpaneMVC数据框架=打字稿>
< HEAD>
    <间的charset =UTF-8/>
    <链接rel =stylesheet属性HREF =// code.jquery.com / UI / 1.9.2 /主题/基/ jQuery的-ui.css>
    &LT;! - &LT;脚本的src =// ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js\"></script>
    &LT;脚本的src =// code.jquery.com / UI / 1.9.2 / jQuery的-ui.min.js&GT;&LT; / SCRIPT&GT;
    &LT;脚本的src =// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js\"></script>-->
    &LT;风格&GT;
        .item_list {
            显示:弯曲;
            柔性方向:排;
            填充左:0;
        }            .item_list&GT;李{
                列表样式类型:无;
                光标:指针;
                边框:1px的纯黑色;
                填充:0.3rem;
                宽度:100像素;
                保证金右:0.2rem;
            }
    &LT; /风格&GT;    &LT;链接rel =stylesheet属性HREF =// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css\">
&LT; /头&GT;
&LT;身体GT;    &LT; D​​IV ID =标签类NG控制器=rightPaneCtrl&GT;
        &LT;! - &LT; UL&GT;
            &LT;李NG重复=选项卡vm.tabs轨道由$指数NG点击=vm.handleTabClick(制表,$指数)&GT;
                &所述; A HREF =#{{tab.tabID}}&GT; {{tab.name}} {{tab.tabID}}&下; / A&GT;
                &LT;跨度NG:类={真:UI图标UI图标的圆紧密UI关闭的选项卡,假:''} [!$指数= 0]&GT;&LT; / SPAN&GT;
            &LT; /李&GT;
        &所述; / UL&GT - →;
        &LT;小时/&GT;
        &LT;标签集NG-的init =startActive =真正的&GT;
            &LT;标签NG重复=在vm.tabs标签来跟踪由$指数激活=startActive&GT;
                &LT;制表标题NG-开关=tab.isClosable&GT;
                    &LT; D​​IV NG-开关时=真&gt;
                        {{tab.name}}&LT;一个NG点击=vm.handleTabClick($指数)的href =''&GT;&LT; I类=图标删除&GT;&LT; / I&GT;&LT; / A&GT ;
                    &LT; / DIV&GT;
                    &LT; D​​IV NG-开关时=假&gt;
                        {{tab.name}}
                    &LT; / DIV&GT;
                &LT; /制表标题&GT;
                &LT; UL类=item_listNG-开关=tab.categoryTypeString&GT;                    &LT;李NG-开关时=DAING重复=,在tab.items项目NG点击=vm.handleItemClick(项目)&GT;
                        &LT; IMG NG-SRC ={{item.thumbnailPath}}&GT;&LT; BR /&GT;
                        &LT; p ALIGN =中心&GT; {{item.categoryName}}&LT; / P&GT;
                    &LT; /李&GT;
                    &LT;李NG-开关时=楚NG重复=,在tab.items项目NG点击=vm.handleItemClick(项目)&GT;
                        &LT; IMG NG-SRC ={{item.thumbnailPath}}&GT;&LT; BR /&GT;
                        &LT; p ALIGN =中心&GT; {{item.categoryName}}&LT; / P&GT;
                    &LT; /李&GT;
                    &LT;李NG开关默认NG重复=项tab.items&GT;
                        &LT; IMG NG-SRC ={{item.thumbnailPath}}&GT;&LT; BR /&GT;
                        &LT; p ALIGN =中心&GT; {{item.categoryName}}&LT; / P&GT;
                    &LT; /李&GT;
                &LT; / UL&GT;
            &LT; /标签&gt;
        &LT; /标签集&GT;
        &LT;! - &LT; D​​IV NG重复=选项卡vm.tabs轨道由$指数ID ={{tab.tabID}}&GT;                &LT; UL类=item_listNG-开关=tab.categoryTypeString&GT;
                    &LT;李NG-开关时=DAING重复=,在tab.items项目NG点击=vm.handleItemClick(项目)&GT; {{item.categoryName}}&LT; /李&GT;
                    &LT;李NG-开关时=楚NG重复=,在tab.items项目NG点击=vm.handleItemClick(项目)&GT; {{item.categoryName}}&LT; /李&GT;
                    &LT;李NG开关默认NG重复=项tab.items&GT; {{item.categoryName}}&LT; /李&GT;
                &LT; / UL&GT;
            &LT; / DIV&GT; - &GT;
    &LT; / DIV&GT;    &LT;脚本的src =// code.angularjs.org / 1.4.1 / angular.min.js&GT;&LT; / SCRIPT&GT;
    &LT;脚本src=\"//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.4.0/ui-bootstrap-tpls.min.js\"></script>
    &所述; SCRIPT SRC =的application.js&GT;&下; /脚本&GT;
    &所述; SCRIPT SRC =控制器/ RightPaneCtrl.js&GT;&下; /脚本&GT;
&LT; /身体GT;
&LT; / HTML&GT;

Application.ts↓

 模块rightpane {    使用严格的;    angular.module('rightpaneMVC',['ui.bootstrap']);
    angular.module('rightpaneMVC')控制器('rightPaneCtrl',RightPaneCtrl)。
}

RightPaneCtrl.ts↓

 模块rightpane {        使用严格的;        出口类RightPaneCtrl {            公共静态$注射='$范围,$ HTTP'];            私人模型探讨=新RightPaneTabList;            公共构造(                私人$范围:任何,
                私人$ HTTP:ng.IHttpService){                $ scope.vm =这一点;
            }            公共的get标签()选项卡[] {
                返回this.mModel.tabs;
            }            handleItemClick(aItem:项目):无效{
                的console.log('项目点击');
                this.mModel.addCategory(aItem);
            }            handleTabClick(的tabIndex:数):无效{
                的console.log('标签点击');
                this.mModel.tabs.splice(的tabIndex,1);
            }
        }
    }

目录结构↓

 
    | -index.html
    | -controllers
        | -RightPaneCtrl.ts


解决方案

所以,我们曾与

通过此错误消息:

There is updated and partially working version. The problem was ... missing components loaded into the browser... When we create documents like this

enums/ECategoryType.js models/Item.js models/Tab.js models/RightPaneTabList.js controllers/RightPaneCtrl.js Application.js

We have to append all of them (and in correct order) into the page code:

<script src="enums/ECategoryType.js"></script>
<script src="models/Item.js"></script>
<script src="models/Tab.js"></script>
<script src="models/RightPaneTabList.js"></script>
<script src="controllers/RightPaneCtrl.js"></script>
<script src="Application.js"></script>

(there are missing images, but app should start)

这篇关于角JS&安培;打字稿 - 错误:NG:AREQ糟糕论点&QUOT;参数“XXXXXX”是不是一个函数,得到了不确定&QUOT;的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-28 15:32