title: Protractor Angular 2 Failed: unknown error: angular is not defined
body: <p>I'm getting the following error: </p>
  
  <ul>
  <li>Failed: unknown error: angular is not defined </li>
  </ul>
  
  <p>This only happens when using angular specific selectors like "by.model". But selectors such as "by.css" work correctly . This is an Angular 2 app...</p>
  
  <p>Test</p>
  
  <pre><code>it('should set focus', () =&gt; {
      //This works
      //var input = element(by.css('myclass'));
      //This fails
      var input = element(by.model('config.value'));
      input.clear();
      input.sendKeys('test');
      input.sendKeys(Key.TAB);
      input.click();
      var highlightedText = browser.executeScript(function getSelectionText()       
      {         
           return window.getSelection().toString(); 
      });
      expect(highlightedText).toEqual('test');
   });
  
  
  exports.config = {
    baseUrl: 'http://localhost:5555',
  
    specs: [
      'dist/dev/**/*.e2e.js'
    ],
    exclude: [],
  
    framework: 'jasmine2',
  
    allScriptsTimeout: 110000,
  
    jasmineNodeOpts: {
      showTiming: true,
      showColors: true,
      isVerbose: false,
      includeStackTrace: false,
      defaultTimeoutInterval: 400000
    },
    directConnect: true,
  
    capabilities: {
      'browserName': 'chrome'
    },
  
    onPrepare: function() {
      var SpecReporter = require('jasmine-spec-reporter');
      jasmine.getEnv().addReporter(new SpecReporter({displayStacktrace: true}));
  
      browser.ignoreSynchronization = false;
    },
  
    useAllAngular2AppRoots: true
  };
  </code></pre>
  
  <p>chrome=49.0.2623.87
  chromedriver=2.9.248315
  platform=Windows NT 6.1 SP1 x86_64
  node=5.9.1</p>