Script tag isn't working, angular

<!doctype html>
<html lang="en" ng-app>
 
  
<head>
  <script src="FirstPage.js"></script>
  
<meta charset="utf-8">
  <title>FirstProject</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>

   <p>Hello World</p>
  <input type='text' ng-model="favMeat" placeholder="enter your fave meat">
  <p>Your fav meat is: {{favMeat}}</p>
  <p>{{'Yes it Works'}}</p>
  <button onclick="myFunction()">Press</button>
  <p id='works'></p>

  <app-root></app-root>
</body>
</html>


I feel stupid but i just cant get it to work. My HTML page isnt reading the angular code.

When i use this script: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>, the angular code works, but when i use my own it doesn’t. I haven’t made no spelling mistakes too. Plus javascript code works but not the angular. I don’t know what i’ve done wrong.

To know what we have done wrong we need to be certain of what we have done right. Perhaps start there. Throw correctness bias out the window and explain why every line is correct. What might be missing, if anything? What might be in the wrong order, if anything? Something must be wrong, but it is more than the code. You have to take some responsibility for this code and help us to help you. These are questions meant for you that will start the process.