未捕获的referenceError:未定义angular(匿名函数)

时间:2016-12-01 12:31:26

标签: angularjs

我正在尝试使用过滤器过滤器实现搜索概念,我收到此错误,即使我已经经历了这么多文章和解决方案,我也无法对此错误进行排序,没有套件最适合此...请救命 !!!! 这是代码.....>

<!doctype html>
<html>
<head>
<style>
#span1{
border:2px dashed blue;
background-color:lime;
padding:0px;
margin-left:5px;
}
hr{
padding:0px;
margin:0px;
background-color:red;
height:5px;
}   
h1{
border:2px solid lime;
background-color:orange;;
color:yellow;
padding:0px;
margin:0px;
position:relative;
width:100%;
float:left;
}
h1:first-line 
{
    color:green

}
</style>
</head>
<body ng-app="myApp" >
<h1><span id="span1">5-11-2016</span> ... Angular JS Filters implemented in Searching.</h1><br><br>
<hr>
<div ng-controller="myAppController">
Student Name : <input ng-model="searchobj.sname"/>
<br>
Select course : <select ng-model="searchobj.course">
                    <option>angular js</option>
                    <option>html</option>
                    <option>css</option>
                    <option>java script</option>
                    <option>jQuery</option>
                    <option>Bootstrap</option>
                </select>
<br>
<br>
<br>
<table border="2">
    <tr>
        <th>Student Name</th>
        <th>Course</th>
    </tr>
    <tr ng-repeat="item in students | filter : searchobj">
        <td>{{item.sname}}</td>
        <td>{{item.course}}</td>
    </tr>
</table>

</div>

<script scr="angular.js"></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myAppController",
        function($scope){

                $scope.searchobj={sname:" ",course:" "};
                $scope.students=[
                    {sname:"scott",course:"html"},
                    {sname:"rock",course:"css"},
                    {sname:"umar",course:"jQuery"},
                    {sname:"asad",course:"angular js"},
                    {sname:"nayeem",course:"html"},
                    {sname:"onida",course:"html"},
                    {sname:"shakes",course:"java script"},
                    {sname:"rony",course:"html"},
                    {sname:"rock",course:"Html"},
                    {sname:"asif",course:"css"},
                    {sname:"onida",course:"java script"},
                    {sname:"sammy",course:"Html"},
                    {sname:"huber",course:"angular js"},
                    {sname:"watson",course:"Html"},
                    {sname:"azzy",course:"Html"},
                    {sname:"katy",course:"bootstrap"},
                    {sname:"randy",course:"css"},
                    {sname:"sammy",course:"html"},
                    {sname:"jaab",course:"angular js"},
                    {sname:"randy",course:"html"},
                    {sname:"peter",course:"css"}];
});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

<script scr="angular.js"></script>更改为<script src="angular.js"></script> 更改======== ^ ------------------------------------- ---------------- ^

<html>
<head>
<script src="angular.js"></script>