Javascript 为什么'；这不是正确的表单加载吗？_Javascript_Jquery_Html_Angularjs_Twitter Bootstrap

Javascript 为什么'；这不是正确的表单加载吗？

javascript jquery html angularjs twitter-bootstrap

Javascript 为什么'；这不是正确的表单加载吗？,javascript,jquery,html,angularjs,twitter-bootstrap,Javascript,Jquery,Html,Angularjs,Twitter Bootstrap,我有一个引导下拉菜单，应该按角度路线显示，但即使浏览器URL指向正确的路线，也会显示错误的形式。我对角度和引导是相当陌生的 console.log不显示任何错误如果你打算否决这个问题，请提供一个理由，以便我从错误中吸取教训。引导下拉列表： <li class="dropdown"> <a href="#" id="drop-toggle-1" class="dropdown-toggle glyphicon glyphicon-user" data

我有一个引导下拉菜单，应该按角度路线显示，但即使浏览器URL指向正确的路线，也会显示错误的形式。我对角度和引导是相当陌生的

console.log不显示任何错误

如果你打算否决这个问题，请提供一个理由，以便我从错误中吸取教训。

引导下拉列表：

    <li class="dropdown">
        <a href="#" id="drop-toggle-1" class="dropdown-toggle glyphicon glyphicon-user" data-toggle="dropdown" role="button" data-aria-haspopup="true" data-aria-expanded="false">Dropdown <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a id="update-profile" href="#update-profile">Update profile</a></li>
            <li><a id="manage-uploads" href="#manage-uploads">Manage uploads</a></li>
        </ul>
    </li>

角度路由/控制器（请参阅管理上传-manage-uploads.html存在）

var wtApp=angular.module（'wtApp'，['ngRoute']））
//配置我们的路线
wtApp.config（函数（$routeProvider）{
$routeProvider
//主页的路径
。当（“/”{
templateUrl:'pages/home.html'，
控制器：“主控制器”
})
//编剧页面的路线
.when（“/writers”{
templateUrl:'pages/writers.html'，
控制器：“writersController”
})
//启用码页面的路由
.when（“/enablers”{
templateUrl:'pages/enablers.html'，
控制器：“EnablerController”
})  
//隐私路线/街
。当（“/隐私”{
templateUrl:'pages/privacy.html'
})
//关于页面的路由
.when（“/关于”{
templateUrl:'pages/about.html'，
控制器：“关于控制器”
})  
//联系人的路径pagefa
。当（“/联系人”{
templateUrl:'pages/contact.html'，
控制器：“contactController”
})
//登录页面的路由
。当（“/登录”{
templateUrl:'pages/login.html'，
控制器：“登录控制器”
})
//创建帐户的路由
.when（“/：accounts”{
templateUrl:'pages/accounts.html'，
控制器：“createAccountController”
})
//用于管理上载的路由
。当（“/：管理上载”时{
templateUrl:'pages/manage uploads.html'
})
});
//创建控制器并注入Angular的$scope
wtApp.controller（'mainController'，函数（$scope）{
$scope.example2model=[]；$scope.example2data=[{id:1，标签：“David”}，{id:2，标签：“Jhon”}，{id:3，标签：“Danny”}]；$scope.example2settings={displayProp:'id'}；
重置导航栏（）；
$（“a[href$=''”）.css（{color:'#FF5733'}）；
});
wtApp.controller（'writersController'，函数（$scope）{
重置导航栏（）；
$（[a[href$='writers']）.css（{color:'#FF5733'}）；
});
wtApp.controller（'enablersController'，函数（$scope）{
$scope.worktype=[
{图标：，名称：“虚构”，勾选：false}，
{图标：“”，名称：“非虚构”，勾选：false}
];
重置导航栏（）；
$（[a[href$='enablers']）.css（{color:'#FF5733'}）；
});
wtApp.controller（'aboutController'，函数（$scope）{
重置导航栏（）；
$（（a[href$=“about']”）css（{color:'#FF5733'}）；
});
wtApp.controller（'contactController'，函数（$scope）{
重置导航栏（）；
$（[a[href$='contact']）.css（{color:'#FF5733'}）；
});
wtApp.controller（'loginController'，函数（$scope）{
重置导航栏（）；
$（（a[href$='log-in']）.css（{color:'#FF5733'}）；
});
wtApp.controller（'createAccountController'，函数（$scope）{
重置导航栏（）；
$（[a[href$='create-account']）.css（{color:'#FF5733'}）；
});
wtApp.controller（'ResetPasswordController'，函数（$scope）{
//$（（a[href$='reset-pwd']）.css（{color:'#FF5733'}）；
});
函数resetNavbar（）{
$（“.navbar collapse a”）.not（“a[href=”#“]”）。每个（函数（）{
$（this.css（{'color'：'black'}）
});
}

HTML manage-uploads.HTML

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Writer's Tryst - Manage Uploads</title>
    </head>
    <body>
        <h1>Manage Uploads</h1>
        <table>
            <tr>
                <th>Title</H><th>Type</th><th>Form</th><th>Genre</th><th>Length</th><th>PDF</t
            </tr>
            <tr>

                <td><input id="title" name="title" class="form-control"  placeholder="Title" required autofocus="true" /></td>
                <td>
                    <select id="work-type" name="work-type">
                        <option value="fiction">Fiction</option>
                        <option value="non-fiction">Non-Fiction</option>       
                    </select>
                </td>
                <td>
                    <select id="form-type" name="form-type">
                    </select>
                </td>
                <td>
                    <select id="genre" name="genre">
                    </select>            
                </td>
                <td><input id="nbrPages" name="nbrPages" required style="width: 48px" placeholder="Pages" /></td>
            </tr>
        </table>
        <script src="js/common.js"></script>
        <script src="js/manage-uploads.js"></script>
    </body>
</html>


作家的约会-管理上传
管理上传
titletypeformgenrelenghtpdf您的路线是：/：管理上传
。：
告诉Angular，它应该在url的该部分中期望一些值，并将其放置在该名称下的$routeParams
中
因此，最终url不是/manage uploads
，而是类似于：/33
，其中33
将放在manage uploads
下，例如：
{"manage-uploads":"someValue"}

然后您可以访问它以获得该值
$id = $routeParams["manage-uploads"];

如果您想让它使用实际的url/manage uploads
，那么只需删除：
您的html中是否有要加载下拉列表的ng视图？下拉列表在main index.html文件中定义。这是一个全局菜单下拉列表。你说显示的表单不对吗？这意味着它显示了一个表单，对吗？如果是这样的话，控制台中就不会出现错误，为什么操作显示什么形式？非常感谢！我能告诉你一个涉及多重选举指令的更令人费解的问题吗？
$id = $routeParams["manage-uploads"];